Ein Favicon oder Browser-Symbol hinzufügen

Repräsentiere deine Marke mit einem benutzerdefinierten Favicon.

Zuletzt aktualisiert: 31. Dezember 2024

Ein Favicon oder Browser-Symbol ist ein kleines quadratisches Bild, das neben dem Titel einer Seite in Browser-Tabs und an anderen Stellen im Internet angezeigt wird. Das Hinzufügen eines benutzerdefinierten Favicons sorgt dafür, dass deine Website in einem Browser voller Tabs oder Lesezeichen gut erkennbar bleibt.

Alle Squarespace-Websites sind von Anfang an mit unserem standardmäßigen Würfel-Favicon ausgestattet. Wenn du dies so lässt, wissen alle Besucher, die mit diesem Symbol vertraut sind, dass du zur Squarespace-Gemeinschaft gehörst. Du kannst das Symbol auch durch dein eigenes Bild ersetzen, um deine Website besser an deine Marke anzupassen.

KB Guide Image

Video ansehen

Ein Favicon hinzufügen

So fügst du ein Favicon hinzu:

  1. Öffne das Favicon-Menü.
  2. Ziehe dein Bild in den Bild-Uploader oder klicke auf den Uploader, um eine Datei von deinem Computer auszuwählen.
  3. (Optional) Füge eine alternative Version deines Favicons hinzu, die angezeigt wird, wenn Besucher deine Website im Dunkelmodus ansehen. Es ist nicht möglich, ein Favicon für den Dunkelmodus hinzuzufügen, ohne davor ein Standard-Favicon hinzuzufügen. 
  4. Nachdem du deine Bilder hochgeladen hast, klicke auf Save (Speichern).

Wir empfehlen, deinen Browser-Cache zu leeren und deinen Browser neu zu starten, wenn dein Favicon nicht sofort aktualisiert wird. Browser können sehr hartnäckig an zwischengespeicherten Favicons festhalten.

Favicon-Anzeige

Dein Favicon wird in Browsern und Geräten unterschiedlich angezeigt:

  • In Safari wird das Favicon angezeigt, wenn du auf die Adressleiste klickst oder mehrere Browser-Tabs öffnest.
  • Normalerweise wird das Favicon in mobilen Browsern nicht angezeigt.
  • Dein Favicon wird möglicherweise neben deiner Website in den Suchergebnissen angezeigt.

Bewährte Verfahrensweisen

Bildauflösung

Favicon-Bilder funktionieren mit allen Browsern am besten, wenn sie zwischen 100 x 100 Pixel und 300 × 300 Pixel groß sind, auch wenn sie nur mit 16 × 16 Pixeln dargestellt werden. Dies sind die Standardmaße von Favicons. Alle Browser unterstützen diese Bildgröße, wobei nur einige Browser auch größere Favicon-Dateien verarbeiten können.

Suchmaschinen, die dein Favicon in Suchergebnissen anzeigen, können ihre eigenen Anforderungen haben. Google verlangt beispielsweise, dass dein Favicon ein Vielfaches von 48 px im Quadratformat ist, z. B. 48 x 48 px, 96 x 96 px, 144 x 144 px und so weiter. Um sicherzustellen, dass dein Favicon in Suchergebnissen angezeigt wird, sieh dir die Empfehlungen der Suchmaschine für die Favicon-Anzeige an und stelle dein Bild so ein, dass es diese Anforderungen erfüllt.

Dateiformat

Wir empfehlen die Verwendung einer PNG-Datei als Favicon-Bild. Das Hochladen von ICO-Dateien wird nicht unterstützt.

Dateigröße

Favicon-Bilder dürfen nicht größer als 100 KB sein.

Favicons mit mehreren Versionen

Wir unterstützen derzeit keine Favicons mit mehreren Versionen. Um dein Favicon korrekt hochzuladen, verwende eine einzige Version deines Bildes und entferne andere Versionen aus der Datei.

Footer Image
  • Hol dir Hilfe von der Community

  • Hol dir Hilfe von unserer Community zu erweiterten individuellen Anpassungen.

  • Beauftrage einen Squarespace-Experten

  • Hebe dich online von der Masse ab, indem du dir von einem erfahrenen Webdesigner oder Entwickler helfen lässt.

Ein Favicon oder Browser-Symbol hinzufügen