Überarbeitet am 8. September 2026.

Mein ursprünglicher Artikel stammt noch aus einer Zeit, in der ich für Ghost mehrere Icon-Größen generiert, als ZIP-Datei auf den Server kopiert und anschließend HTML per Code Injection eingebaut habe. Für das normale Favicon ist das heute meistens gar nicht mehr nötig.

Der einfache Weg: Publication Icon in Ghost

Ghost bietet inzwischen eine eigene Einstellung für das Seiten-Icon. Du findest sie unter:

Settings → Site → Design & branding → Customize → Brand

Dort kannst du das Publication icon hochladen. Ghost verwendet dieses Icon als Favicon der Website. Laut Ghost sollte die Grafik quadratisch und mindestens 60 × 60 Pixel groß sein.

Für die meisten Blogs ist damit schon alles erledigt. Nach dem Speichern eventuell einmal Browser-Cache und Favicon-Cache beachten – Favicons werden von Browsern teilweise erstaunlich hartnäckig zwischengespeichert.

Publication Icon und Logo sind nicht dasselbe

Das Publication Icon ist das kleine quadratische Symbol für Browser und Branding. Das Publication Logo ist dagegen das eigentliche Logo, das ein Theme beispielsweise im Header anzeigen kann. Beide lassen sich in Ghost getrennt pflegen.

Was ist mit einem speziellen Apple Touch Icon?

Wer nur ein normales Favicon benötigt, sollte bei der Ghost-Einstellung bleiben. Möchtest du für „Zum Home-Bildschirm“ auf iPhone/iPad allerdings ein ganz bestimmtes hochauflösendes apple-touch-icon erzwingen, kann eine Anpassung des Themes sinnvoll sein.

Eine typische Zeile im <head> des Themes sieht beispielsweise so aus:

<link rel="apple-touch-icon" sizes="180x180" href="{{asset "images/apple-touch-icon.png"}}">

Die Datei apple-touch-icon.png liegt dann im passenden Asset-Verzeichnis des Themes. Bei einem eigenen oder angepassten Theme lässt sich das beispielsweise in default.hbs ergänzen.

Wichtig: Änderungen direkt an einem offiziellen Theme können bei einem Theme-Update überschrieben werden. Wer ein unverändertes offizielles Theme nutzt, sollte also nicht wegen eines einzelnen Icons unnötig eine eigene Theme-Kopie pflegen.

Code Injection nur, wenn es wirklich nötig ist

Ghost besitzt weiterhin die globale Code Injection unter Settings → Advanced → Code Injection. Dort können zusätzliche Meta- oder Link-Tags in den Seitenkopf eingebaut werden. Für das normale Publication Icon ist das aber nicht erforderlich.

Fazit

2026 würde ich zuerst immer das eingebaute Publication Icon von Ghost verwenden. Das ist updatefest und in wenigen Sekunden eingerichtet. Nur wenn du für Apple-Geräte oder ein spezielles Branding wirklich andere Icon-Dateien benötigst, lohnt sich der Weg über das Theme.

Quellen: Ghost: Design settings, Ghost: Code Injection und Ghost Theme Helper @site.