OG-Bild-Generator
Das Vorschaubild erstellen, das erscheint, wenn Ihr Link auf Facebook, X, LinkedIn, WhatsApp, Slack oder Discord geteilt wird – in der richtigen Größe für jede Plattform und mit den passenden Meta-Tags.
- 6 Layouts
- Alle Größen als ZIP
- Meta-Tags
- Kein Upload
Inhalt
Logos und Bilder bleiben in Ihrem Browser. Sie werden nie hochgeladen.
Größen im ZIP
Markieren Sie jede Plattform, die Sie benötigen. Das Layout passt sich an jedes Format an.
Meta-Tags
So erstellen Sie ein Open-Graph-Bild
Text eingeben, gestalten, herunterladen.
- 1
Inhalt eingeben
Den Titel und bei Bedarf Beschreibung, Website-Name, Label und Autor schreiben. Ein Logo oder ein Hintergrundbild hinzufügen.
- 2
Layout und Farben wählen
Eines von sechs Layouts, ein Farbthema oder die eigenen Markenfarben wählen und zwischen den Plattformen wechseln, um jedes Format zu prüfen.
- 3
Herunterladen und Tags einfügen
Ein Bild oder alle gewählten Größen als ZIP herunterladen, die Datei auf die Website laden und die Meta-Tags in die Seite einfügen.
Vorschaubilder ohne Designprogramm
Gut lesbare Vorschauen im eigenen Look für jeden veröffentlichten Link.
Sechs Layouts
Klassisch, zentriert, geteilt, Markenleiste, minimal und Foto mit Text – jedes funktioniert im Quer-, Hoch- und Quadratformat.
Jede Plattform
Open Graph, X, LinkedIn, Pinterest, Instagram quadratisch und 4:5, Story und YouTube sowie jede eigene Größe.
Text, der immer passt
Lange Titel werden automatisch verkleinert und umbrochen, nichts wird abgeschnitten.
Logo und Foto
Das Logo platzieren und ein eigenes Bild als Hintergrund nutzen – abgedunkelt oder weichgezeichnet für gut lesbaren Text.
Markenfarben
Acht Themen oder eigene Hintergrund-, Text- und Akzentfarben, mit Verläufen und dezenten Mustern.
Sichere Bereiche
Optionale Hilfslinien zeigen die Ränder und das Quadrat, auf das kleine Vorschauen zuschneiden.
Meta-Tags
Die Tags og:image und twitter:image mit korrekter Breite, Höhe und korrektem Typ kopieren.
Privat
Texte, Logos und Bilder bleiben im Browser; die Bilder werden auf Ihrem Gerät gerendert.
Was ist ein OG-Bild und welche Größe sollte es haben?
Ein OG-Bild (Open-Graph-Bild) ist das Bild, das soziale Netzwerke und Messenger anzeigen, wenn jemand einen Link teilt. Festgelegt wird es mit dem Meta-Tag og:image im Head einer Seite. Facebook, LinkedIn, WhatsApp, Slack, Discord, iMessage und viele weitere Apps lesen dieses Tag; X liest twitter:image und greift sonst auf das Open-Graph-Tag zurück. Fehlt das Tag, erscheint ein zufälliges Bild oder ein nackter Textlink.
Die Größe, die fast überall funktioniert, ist 1200 × 630 Pixel, ein Seitenverhältnis von etwa 1,91:1. Sie reicht für hochauflösende Displays und passt zur breiten Vorschaukarte von Facebook und LinkedIn. X dokumentiert für große Karten ein Bild im Verhältnis 2:1, Pinterest bevorzugt ein hohes 2:3-Bild mit 1000 × 1500 px, Instagram nutzt 1080 px breite Bilder im Quadrat oder im Format 4:5. Dateien sollten unter etwa 5 MB bleiben; PNG eignet sich für Text und Flächen, JPG für Fotos.
Ein gutes Vorschaubild ist auf einen Blick lesbar: ein kurzer Titel in großer Schrift, starker Kontrast zwischen Text und Hintergrund und sonst wenig. Text gehört nicht an den Rand, denn manche Apps beschneiden das Bild; WhatsApp und iMessage zeigen oft nur das mittlere Quadrat. Die Hilfslinien für sichere Bereiche in diesem Generator zeigen beide Zonen vor dem Export.
Empfohlene Größen für Vorschaubilder
| Plattform | Größe in px | Seitenverhältnis |
|---|---|---|
| Open Graph (Facebook, WhatsApp, Slack, Discord) | 1200 × 630 | 1,91:1 |
| X (Twitter), große Karte | 1200 × 600 | 2:1 |
| LinkedIn-Linkbeitrag | 1200 × 627 | 1,91:1 |
| Pinterest-Pin | 1000 × 1500 | 2:3 |
| Instagram-Beitrag | 1080 × 1080 oder 1080 × 1350 | 1:1 oder 4:5 |
| YouTube-Thumbnail | 1280 × 720 | 16:9 |
Tipps
- Lieber ein vorhandenes Foto als eine gestaltete Karte? Social-Media-Bildgrößen schneidet ein Bild für jedes Netzwerk zu.
- Wird ein PNG mit Fotohintergrund groß, hier auf JPG wechseln oder die Datei mit dem Bild-Komprimierer verkleinern.
- Den Satz vervollständigen: Die Icons für Browser und Startbildschirm erstellt der Favicon-Generator.
- Nach der Veröffentlichung behalten Netzwerke die alte Vorschau im Cache. Mit dem Sharing Debugger von Facebook oder dem Post Inspector von LinkedIn lässt sich das neue Bild abrufen.
Häufig gestellte Fragen
Keine Antwort gefunden? Schreiben Sie uns – wir antworten schnell.
Welche Größe ist für ein OG-Bild am besten?
1200 × 630 px. Facebook, LinkedIn, WhatsApp, Slack, Discord und die meisten anderen Apps zeigen sie korrekt an, und sie ist auf hochauflösenden Displays scharf.
Wo binde ich das OG-Bild ein?
Die Datei auf die Website laden und <meta property="og:image" content="https://…"> mit der vollständigen Adresse des Bildes in den Head der Seite einfügen. Der Generator schreibt die Tags für Sie.
Braucht X (Twitter) ein eigenes Bild?
Nicht unbedingt. X verwendet twitter:image und greift sonst auf og:image zurück. Das Bild mit 1200 × 630 funktioniert; für eine exakte Passform gibt es eine 2:1-Version.
PNG oder JPG?
PNG liefert bei Flächen und Verläufen den schärfsten Text. Mit einem Foto als Hintergrund ist JPG meist um ein Mehrfaches kleiner, ohne sichtbaren Unterschied.
Warum zeigt mein Link noch das alte Bild?
Plattformen speichern Vorschauen im Cache, teils tagelang. Mit dem Debugging-Werkzeug der Plattform einen neuen Abruf anstoßen oder den Dateinamen des Bildes ändern.
Werden mein Logo und mein Text hochgeladen?
Nein. Alles wird auf einem Canvas in Ihrem Browser gerendert. Texte, Logo und Hintergrundbild verlassen Ihr Gerät nicht.
Weitere kostenlose Bild-Tools
Bilder verkleinern, komprimieren, umwandeln und bereinigen – schnell, kostenlos und privat, direkt im Browser.