Die Standardgröße für ein OG Image beträgt 1200×630 Pixel bei einem Seitenverhältnis von 1.91:1. Verwende diese eine Größe, und deine Link-Vorschauen werden auf Facebook, X (Twitter), LinkedIn, Slack, Discord, WhatsApp und Telegram korrekt dargestellt.
Das ist die kurze Antwort. Der Rest dieses Guides behandelt die Details, an denen es in der Praxis wirklich hakt: Abmessungen pro Plattform, die Safe Zone für Text, Dateigrößen-Limits und die Meta-Tags, die jeder Plattform verraten, wo dein Bild liegt.
Die eine Größe, die überall funktioniert
Wenn du dir nur eine Zahl merkst, dann diese:
| Eigenschaft | Empfohlener Wert |
|---|---|
| Abmessungen | 1200 × 630 px |
| Seitenverhältnis | 1.91:1 |
| Format | PNG oder JPG |
| Dateigröße | Unter 1 MB (die harten Limits liegen höher, aber kleinere Dateien laden schneller) |
| URL | Absolute HTTPS-URL |
Jede große Plattform nutzt entweder nativ 1.91:1 oder schneidet davon ausgehend sauber zu. Wer exakt auf 1200×630 gestaltet, erstellt ein Bild pro Seite statt fünf.
OG Image Größe nach Plattform
Die Plattformen unterscheiden sich leicht darin, was sie bevorzugen und was sie erzwingen:
| Plattform | Empfohlene Größe | Hinweise |
|---|---|---|
| 1200 × 630 | Minimum 200×200; Bilder unter 600×315 erscheinen als kleines Thumbnail statt als große Card | |
| X (Twitter) | 1200 × 630 | summary_large_image-Cards beschneiden Richtung 2:1 — halte wichtige Inhalte zentriert |
| 1200 × 627 | 1.91:1; praktisch dasselbe Bild wie bei Facebook | |
| Discord | 1200 × 630 | Nutzt og:image für große Link-Embeds |
| Slack | 1200 × 630 | Unfurls lesen die Open-Graph-Tags direkt aus |
| 1200 × 630 | Halte die Datei klein (deutlich unter 300 KB), sonst lädt die Vorschau womöglich nicht | |
| Telegram | 1200 × 630 | Liest og:image; cacht aggressiv |
| 1000 × 1500 | Die Ausnahme — Pins bevorzugen vertikales 2:3, verwende dort also Pinterest-spezifische Bilder |
Das Fazit: Abgesehen von Pinterest deckt ein einziges Bild in 1200×630 alles ab.
Die Safe Zone: Wo dein Text stehen sollte
Plattformen beschneiden unterschiedlich — X tendiert zu 2:1, manche Mobile-Layouts rasieren die Ränder ab. Damit dein Titel überall lesbar bleibt:
- Halte sämtlichen Text und alle Logos innerhalb des zentralen Bereichs von 1120 × 560 (etwa 5 % Innenabstand pro Seite).
- Geh davon aus, dass die äußeren Ränder abgeschnitten werden können — platziere wichtige Inhalte nie direkt an einer Kante.
- Teste mit einem echten Titel in echter Größe: Text, der im Design-Tool gut aussieht, ist im Feed oft zu klein. Als Faustregel gilt: Halte Titel auf der 1200×630-Leinwand bei 48px oder größer.
Unsere kostenlosen Vorlagen haben diese Ränder bereits eingebaut — alles, was du eintippst, bleibt automatisch in der Safe Zone.
Dateigröße, Format und Auflösung
- Format: PNG für textlastige Grafiken (scharfe Kanten), JPG für fotografische Hintergründe. WebP funktioniert inzwischen auf den großen Plattformen, PNG/JPG bleiben aber die sicherste Wahl für Long-Tail-Apps.
- Dateigröße: Facebook erlaubt bis zu 8 MB, X bis zu 5 MB — aber Crawler brechen bei langsamen Bildern ab. Unter 1 MB zu bleiben (und unter 300 KB für zuverlässiges WhatsApp) ist das praxistaugliche Ziel.
- Auflösung: 1200×630 in 1x reicht aus. Retina-Verdopplung auf 2400×1260 verbessert die Darstellung im Feed selten und verdoppelt die Dateigröße.
Die Meta-Tags, die alles zum Laufen bringen
Die Abmessungen sind nur die halbe Miete — Plattformen finden dein Bild über Open-Graph-Meta-Tags im <head> deiner Seite:
<meta property="og:image" content="https://example.com/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Launch day: v2.0 — changelog" />
<meta name="twitter:card" content="summary_large_image" />Drei Details sind wichtiger, als sie aussehen:
og:imagemuss eine absolute HTTPS-URL sein — relative Pfade scheitern bei den meisten Crawlern stillschweigend.og:image:widthundog:image:heightlassen Plattformen den richtigen Platz reservieren, bevor das Bild heruntergeladen ist — so zeigt schon der allererste Share eine vollständige Card statt einer leeren.twitter:cardaufsummary_large_imagegesetzt ist das, was X-Vorschauen vom kleinen Quadrat zur Card in voller Breite aufwertet.
Häufige Fehler (und schnelle Fixes)
- Das Bild ist kleiner als 600×315. Facebook stuft es zum winzigen Seiten-Thumbnail herab. Exportiere in 1200×630.
- Der Text klebt an den Rändern. Der Zuschnitt von X schneidet ihn ab. Halte Text in der zentralen Safe Zone.
- Die Vorschau zeigt ein altes Bild. Plattformen cachen aggressiv — die Lösung steht in unserem Guide zum Prüfen und Aktualisieren von OG Images.
- Die URL ist relativ oder liegt hinter einem Login. Crawler können
/images/og.pngoder irgendetwas, das eine Anmeldung erfordert, nicht abrufen. Verwende eine öffentliche absolute URL. - Ein generisches Bild für die ganze Website. Seiten mit spezifischen, passenden OG Images holen durchweg mehr Klicks als eine wiederverwendete Logo-Card.
Erstelle ein korrekt dimensioniertes OG Image in Sekunden
Du kannst dir selbst eine 1200×630-Zeichenfläche, Safe-Zone-Hilfslinien und Export-Presets einrichten — oder du sparst dir das komplett. Unser kostenloser OG Image Generator startet mit Vorlagen, die bereits auf 1200×630 zugeschnitten sind (und 1500×500 für X-Header), hält deinen Text in der Safe Zone und exportiert ein optimiertes PNG, das direkt in deine Meta-Tags kann. Ohne Anmeldung, ohne Wasserzeichen.
FAQ
Was ist die beste OG Image Größe?
1200×630 Pixel (Seitenverhältnis 1.91:1). Damit rendert das Bild als große Card auf Facebook, X, LinkedIn, Slack, Discord, WhatsApp und Telegram — ohne zusätzliche Varianten.
Was ist die minimale OG Image Größe?
Facebook akzeptiert Bilder bis hinunter zu 200×200, aber alles unter 600×315 verliert das Layout der großen Card. Betrachte 600×315 als praktische Untergrenze — und 1200×630 als Ziel.
Brauche ich ein eigenes Bild für X (Twitter)?
Meistens nicht. Ein 1200×630-Bild mit zentriertem Inhalt funktioniert für summary_large_image-Cards. X-spezifische Bilder lohnen sich nur, wenn dein Design wichtige Inhalte nah an den oberen oder unteren Rand setzt.
Beeinflusst das OG Image die SEO?
Nicht direkt die Rankings — aber es beeinflusst stark die Klickrate, wenn dein Link geteilt wird, und soziale Reichweite befeuert die Auffindbarkeit. Eine klare, gebrandete Vorschau ist eines der günstigsten CTR-Upgrades überhaupt.
