Favicons und Touch-Icons - Webflow Hilfe

Last updated on 10/13/2025@mrbirddev

Verwenden Sie Favicons und Touch-Icons auf Ihren Webflow-Websites.

Verwenden Sie Favicons und Touch-Icons auf Ihren Webflow-Websites

Einer der wichtigsten abschließenden Aspekte beim Veröffentlichen einer Website ist, wie Sie Ihre Seite in der Benutzeroberfläche eines Browsers oder auf einem mobilen Startbildschirm darstellen.

Favicon

Favicons werden von den meisten Browsern verwendet, um Ihre Website auf Browser-Tabs und in Lesezeichen darzustellen.

Touch-Icons

Touch-Icons oder Webclips werden an Orten wie den Lesezeichen von Safari verwendet. Sie erscheinen auch, wenn Ihr Website-Link auf dem Startbildschirm Ihres Smartphones gespeichert wird.

Bildressourcen

Wenn Sie Ihre Web-Icon-Bildressourcen für den Upload vorbereiten, erstellen Sie ein 32x32 Pixel Bild für das Favicon und ein 256x256 Pixel Bild für den Webclip oder Touch-Icon.

Der Dateiname, den Sie für diese Bildressourcen verwenden, wird in Ihrem HTML sichtbar sein. Achten Sie darauf, nichts in Ihrem Dateinamen zu haben, das nicht von Suchmaschinen indexiert werden soll.

Laden Sie Ihre Icons hoch

Sobald Sie Ihre Bildressourcen vorbereitet haben:

Gehen Sie zu Ihren Projekteinstellungen > Allgemein > Icons
Laden Sie die vorbereiteten Bilder hoch
Veröffentlichen Sie Ihre Seite, damit die Änderungen live gehen
Aktualisieren Sie Ihre Live-Seite in Ihrem Browser, um das aktualisierte Favicon zu sehen

Zurück zur Webflow Hilfe