OG Image Generator – Kostenloser Social-Media-Karten-Generator
Erstellen Sie in Sekundenschnelle Open Graph-Vorschaubilder für Twitter, LinkedIn und Facebook. 4 Vorlagen. Individuelle Farben. Sofortiger Download als 1200×630-PNG-Datei.
Wenn Sie ein benutzerdefiniertes OG-Bild benötigen
Blog & Inhalte
- Erstellen Sie vor der Veröffentlichung eine personalisierte Vorschau für jeden Blogbeitrag.
- Generieren Sie passende OG-Bilder für Ihre Dokumentationsseiten
- Einheitliche Vorschaubilder für Newsletter-Archivseiten gestalten
- Sorgen Sie dafür, dass Ihre Artikellinks in Twitter-Feeds und Slack hervorstechen.
Produkt & SaaS
- Erstellen Sie eine gebrandete Landingpage-Vorschau für jede Feature-Seite.
- Generieren Sie OG-Bilder für Changelog- und Release-Ankündigungen.
- Erstellen Sie Social-Media-Karten für Preis-, Über-uns- und Anmeldeseiten.
- Entwerfen Sie kampagnenspezifische Vorschauen für Link-in-Bio-Tools
Entwickler & Agenturen
- Testen Sie OG-Bilder schnell, bevor Sie einen dynamischen serverseitigen Bildgenerator implementieren.
- Erstellen Sie statische Fallback-OG-Bilder für Seiten ohne dynamischen Inhalt
- Generieren Sie kundenspezifische Social Cards, ohne einen Server einzurichten.
- Exportieren Sie OG-Basisbilder für A/B-Tests mit verschiedenen Überschriftenformulierungen.
So erstellst du ein OG-Bild – 3 Schritte
Geben Sie Ihren Inhalt ein
Geben Sie im Formular Ihren Seitentitel, eine kurze Beschreibung und Ihren Website-Namen ein. Die Vorschau wird während der Eingabe in Echtzeit aktualisiert – ein Speichern ist nicht erforderlich.
Vorlage und Markenfarbe auswählen
Wählen Sie zwischen den Vorlagen „Clean“, „Dark“, „Gradient“ oder „Brand“. Passen Sie Ihre Markenfarbe mithilfe der Farbauswahl an die Farbpalette Ihrer Website an.
Laden Sie Ihre PNG-Datei herunter
Klicken Sie auf „Herunterladen“, um eine 1200×630 PNG-Datei zu exportieren – die von Twitter, LinkedIn und Facebook für randlose Link-Vorschauen benötigte Standard-Open-Graph-Bildgröße.
Kostenloser OG-Bildgenerator – Open Graph-Vorschaubilder online erstellen
Open Graph-Bilder (og:image) sind die visuellen Vorschauen, die beim Teilen eines Links auf Twitter, LinkedIn, Facebook, Slack oder Discord angezeigt werden. Ohne ein og:image in der richtigen Größe verwenden die Plattformen einen generischen Platzhalter – was Klicks kostet. Mit dem OG Image Generator von PicsSizer erstellen Sie im Browser eine 1200×630 Pixel große PNG-Social-Card mit Satori – derselben Bibliothek, die auch Vercel für seinen og-Image-Service nutzt. Installationen oder das Hochladen von Dateien auf einen Server sind nicht erforderlich. Geben Sie Titel, Beschreibung und Website-Namen ein, wählen Sie eine von vier Vorlagen, legen Sie Ihre Markenfarbe fest und laden Sie die Datei in Sekundenschnelle herunter.
Was ist ein Open Graph Image?
Open Graph (OG) ist ein von Facebook entwickeltes Protokoll, das die Darstellung von URLs in sozialen Medien steuert. Das Meta-Tag `og:image` definiert das Bild, das in der Link-Vorschau angezeigt wird. Twitter verwendet `og:image` als Fallback für `twitter:image`, wenn keine Twitter-Karte angegeben ist. Auch LinkedIn, Slack und Discord verwenden `og:image` für die Darstellung der Vorschau. Die Standardgröße beträgt 1200 × 630 Pixel ( Seitenverhältnis 1,91:1), wodurch auf den meisten Plattformen eine Karte in voller Breite angezeigt wird. Fehlende oder falsch dimensionierte OG-Bilder führen zu beschnittenen, unscharfen oder fehlenden Vorschaubildern – was die Klickrate deutlich reduziert.
Anforderungen an die OG-Bildgröße nach Plattform
Twitter benötigt für Zusammenfassungskarten mit großen Bildern eine Auflösung von 1200×628 bis 1200×630 Pixel. LinkedIn empfiehlt für Artikelbeiträge 1200×627 Pixel. Facebook unterstützt 1200×630 Pixel für die meisten Link-Sharing-Vorschauen; Bilder unter 600×315 Pixel werden als kleine Vorschaubilder angezeigt. Slack und Discord unterstützen beide 1200×630 Pixel und zentrieren Bilder mit anderen Seitenverhältnis . Die von diesem Tool exportierte Größe von 1200×630 Pixel ist die sichere, universelle Standardeinstellung, die auf allen gängigen Plattformen ohne Beschnitt korrekt dargestellt wird.
Tipps für OG-Bilder mit hoher Klickrate
Verwenden Sie einen Titel mit weniger als 60 Zeichen – längere Titel werden in einigen Plattform-Vorschauen abgeschnitten. Beschreibungen sollten maximal 160 Zeichen lang sein, um die vollständige Anzeige zu gewährleisten. Kontrastreicher Text auf einfarbigem oder farbigem Hintergrund ist besser lesbar als Fotos mit Textüberlagerung. Einheitliche Markenpräsenz (gleiche Farben und Schriftart in allen Originalbildern) erhöht die Wiedererkennung in sozialen Netzwerken. Testen Sie Ihr Originalbild nach der Veröffentlichung mit dem Twitter Card Validator, dem LinkedIn Post Inspector und dem Facebook Sharing Debugger, um sicherzustellen, dass das neue Bild korrekt zwischengespeichert wird.
Weitere Design- und Generator-Tools
Generieren, konvertieren. und gestalten – alles kostenlos, alles in Ihrem Browser.
Screenshot-Generator
Erstellen Sie professionelle App-Store-Screenshots mit Geräte-Mockups.
Favicon-Generator
Exportieren Sie Favicons in allen benötigten Größen aus einem einzigen Bild.
QR-Code-Generator
Generieren Sie QR-Codes aus URLs, Texten, WLAN oder vCards.
Bild zu Base64
Bilder als Base64-Daten-URLs kodieren, um sie in HTML und CSS einzubetten.
OG Image Generator – Häufig gestellte Fragen
Häufig gestellte Fragen zur Erstellung von Open Graph-Images online