OG-Bildgenerator
Open-Graph-Vorschaubilder für soziale Medien erstellen.
Social-Share-Bilder gestalten, die Klicks bringen
Überblick
Wird ein Link auf Twitter/X, Facebook, LinkedIn, Slack oder Discord geteilt, zieht die Vorschaukarte ein Open-Graph-Bild (og:image): das große Bild über dem Titel. Ein gut gestaltetes OG-Bild steigert die Klickrate stark; ein fehlendes oder defektes lässt den Link unseriös wirken. Die Standardgröße ist 1200×630 Pixel. Dieser Generator lässt dich ein Markenbild mit Titeltext, Hintergrund und Akzentfarben gestalten und exportiert es fertig zum Einbinden in das og:image-Tag deiner Seite.
So gehts (Schritt für Schritt)
- 1
Titel und Stil eingeben
Tippe die Überschrift und wähle Hintergrund- und Akzentfarben. Die Vorschau aktualisiert sich im echten Verhältnis 1200×630.
- 2
PNG exportieren
Lade das gerenderte Bild in voller Open-Graph-Auflösung herunter.
- 3
In deine Meta-Tags einbinden
Hoste das PNG und füge <meta property="og:image" content="..."> sowie <meta name="twitter:image"> in den <head> deiner Seite ein.
Funktionsweise
Du gestaltest das Layout – Überschrift, optionaler Untertitel, Hintergrundfarbe oder -verlauf und Akzent – in einer Live-Vorschau mit 1200×630. Das Tool rendert dein Design auf ein Canvas mit den exakten OG-Maßen und exportiert ein PNG. Du hostest das PNG und referenzierst es in den Open-Graph- und Twitter-Card-Meta-Tags deiner Seite. Plattformen rufen das Bild beim ersten Teilen des Links ab und cachen es für die Vorschaukarten. Die Generierung erfolgt lokal in deinem Browser.
Wann verwenden
Jedem Blogbeitrag eine eigene Marken-Share-Karte statt eines generischen Logos geben. Launch-Ankündigungen für Produkte oder Funktionen erstellen. Event- oder Webinar-Links beim Teilen in Slack/Discord ansprechend wirken lassen. Die Share-Bilder einer Marketing-Website vereinheitlichen. Verschiedene Überschriften auf den Karten per A/B-Test zur Steigerung der Klickrate prüfen.
Häufig Gestellte Fragen
1200×630 Pixel (Verhältnis 1.91:1) ist der universelle Standard für die große Karte von Facebook, LinkedIn und Twitter. Halte wichtigen Text von den Rändern fern, da manche Plattformen leicht beschneiden.