Anleitung

Favicon für Squarespace

Squarespace stellt Favicon-Einstellungen unter Design → Browser-Symbol (früher Logo & Titel) bereit. Laden Sie ein quadratisches PNG hoch und die Plattform fügt auf jeder Vorlagenseite die richtigen <link>-Tags ein.

Bereiten Sie ein 300×300 oder größeres PNG mit einer einfachen Markierung vor – Squarespace skaliert intern herunter. Vermeiden Sie feinen Text, der bei Tabulatorgröße verschwindet.

Navigieren Sie zu Design → Browsersymbol → Hochladen. Squarespace akzeptiert PNG und ICO; PNG mit Transparenz wird empfohlen.

Veröffentlichen Sie die Site, nachdem Sie das Symbol geändert haben. Staging-Vorschauen stimmen möglicherweise nicht mit dem Live-Domain-Cache überein.

Squarespace unterstützt nativ keine separaten Dark-Mode-SVG-Favicons. Verwenden Sie für erweiterte Setups Code Injection in <head> – nur, wenn Sie mit dem Überschreiben von Plattform-Tags vertraut sind.

Wenn das alte Symbol weiterhin angezeigt wird, leeren Sie den Browser-Cache und testen Sie es in einem privaten Fenster. Squarespace CDN-Updates innerhalb von Minuten für die meisten Pläne.

So funktioniert es

  1. 1

    Exportieren Sie ein Quadrat PNG

    300×300+ mit transparentem Hintergrund, falls erforderlich.

  2. 2

    Design → Browser-Symbol

    Hochladen und speichern.

  3. 3

    Veröffentlichen und überprüfen

    Aktualisieren Sie die Registerkarte „Live-Site“ gründlich.

Jetzt ausprobieren

Bereiten Sie Ihr Squarespace-Symbol vor

Favicon-Generator

FAQ

Welche Favicon-Größe benötigt Squarespace?+

mindestens 100×100; 300×300+ PNG wird für eine klare Herunterskalierung empfohlen.

Kann ich ICO auf Squarespace verwenden?+

Ja, aber PNG ist einfacher und unterstützt Transparenz.

Warum sieht mein Squarespace-Favicon verschwommen aus?+

Laden Sie eine Quelle mit höherer Auflösung mit kräftigen Formen und weniger Details hoch.

Verwandte Tools

Verwandte Tutorials

Tutorials

Weitere Anleitungen

Anleitungen

FetchFavicon entdecken

Kategorien

Konverter

Hilfsprogramme

Leitfäden

Anleitungen