Open-Graph-Bild vs. Favicon: Der Unterschied
Ein Favicon ist das kleine quadratische Icon, das ein Browser in einem Tab oder Lesezeichen zeigt, typischerweise 16 bis 48 Pixel. Ein Open-Graph-Bild ist die große rechteckige Vorschau (etwa 1200x630), die erscheint, wenn dein Link in sozialen Medien oder im Chat geteilt wird. Es sind getrennte Dateien, unterschiedlich deklariert, und keine kann für die andere einspringen.
Zwei Icons, zwei Aufgaben
Das Favicon kennzeichnet deine Website innerhalb des Browsers: ein winziges Quadrat im Tab, im Lesezeichen, in der Verlaufsliste. Das Open-Graph-Bild verkauft deinen Link in einem Feed: ein großes Querformat-Banner in einem Tweet, ein Slack-Unfurl, eine iMessage-Vorschau.
Weil sie sich in Größe, Form und Erscheinungsort unterscheiden, werden sie getrennt deklariert: rel="icon" für das Favicon, ein og:image-Meta-Tag für die Vorschau. Keines ersetzt das andere.
Nebeneinander
| Aspekt | Favicon | OG-Bild |
|---|---|---|
| Größe | 16–48px | ~1200x630 |
| Form | Quadratisch | Querformat |
| Deklariert mit | rel="icon" | og:image-Meta |
| Angezeigt in | Tab, Lesezeichen | Social- und Chat-Vorschauen |
FAQ zu OG-Bild vs. Favicon
Wird das Favicon für Social-Vorschauen verwendet?
Nein. Social- und Chat-Vorschauen nutzen das Open-Graph-Bild aus einem og:image-Meta-Tag. Das Favicon erscheint nur innerhalb des Browsers.
Kann ich mein Favicon als OG-Bild verwenden?
Nicht sinnvoll. Es hat die falsche Größe und Form. Ein 32px-Quadrat, das auf einen 1200x630-Platz skaliert wird, sieht kaputt aus. Es sind getrennte Assets.
Welches erscheint in einem Browser-Tab?
Das Favicon. Das Open-Graph-Bild erscheint nie in einem Tab; es zeigt sich nur, wenn der Link irgendwo geteilt wird, das eine Vorschau rendert.