Favicon für Webflow
Webflow speichert Ihr Favicon in den Projekteinstellungen und liefert es über sein CDN auf jeder veröffentlichten Seite aus. Laden Sie ein quadratisches 32×32-PNG oder -ICO hoch – oder eine 256×256+-Vorlage, die Webflow herunterskaliert.
Öffnen Sie Ihr Projekt → Projekteinstellungen → Allgemein → Favicon. Webflow akzeptiert PNG, ICO oder GIF und fügt die korrekten <link rel="icon">-Tags beim Veröffentlichen ein.
Für Retina-Tabs und iOS-Homescreen-Installationen ergänzen Sie apple-touch-icon und PWA-Icons über Custom Code in den Site-Einstellungen, sofern Ihr Tarif Einbettungen im <head> erlaubt.
So funktioniert es
- 1
Quadratisches Favicon erstellen
Nutzen Sie unseren Favicon-Generator – Export als .ico plus 180×180 apple-touch-icon.
- 2
Projekteinstellungen → Favicon
Laden Sie Ihr PNG oder ICO hoch.
- 3
Veröffentlichen
Webflow verteilt das Icon auf jede Seite Ihrer Domain.
Jetzt ausprobieren
Webflow-kompatibles Favicon erstellen
Favicon-GeneratorFAQ
Welche Favicon-Größe verwendet Webflow?+
Das Upload-Ziel ist 32×32 – starten Sie aber mit 256×256 oder 512×512, damit die Skalierung scharf bleibt.
Warum ändert sich mein Webflow-Favicon nicht?+
Veröffentlichen Sie die Site nach dem Asset-Wechsel erneut. Browser cachen Favicons stark – leeren Sie den Cache (Strg+F5) oder hängen Sie ?v=2 per Custom Code an die URL an.
Kann ich ein SVG-Favicon in Webflow nutzen?+
Der eingebaute Uploader erwartet Rasterformate. SVG binden Sie per Custom Code unter Projekteinstellungen → Custom Code → Head ein, falls Sie Vektor- und Dark-Mode-Support benötigen.