Laden Sie es auf Ihre Website hoch und fügen Sie ein -Tag hinzu, der auf die Bild-URL verweist.

OG-Bild-Generator Erstellen Sie Open-Graph-Bilder für Social-Media-Vorschauen mit Text und Markenidentität.

🖼️

OG-Bild-Generator

Erstellen Sie Open-Graph-Bilder für Social-Media-Vorschauen mit Text und Markenidentität.

Inhalt Eingeben

Fügen Sie Ihren Titel, Ihre Beschreibung und optionalen Markentext hinzu.

Stil Anpassen

Wählen Sie die Hintergrundfarbe, den Farbverlauf, die Schriftgröße und die Textfarben aus.

OG-Bild Herunterladen

Erstellen und herunterladen Sie das 1200x630px Open Graph-Bild.

Loading tool...

What Is OG-Bild-Generator?

Ein Open-Graph-Bildgenerator, der ordnungsgemäß dimensionierte Bilder (1200x630px) für Vorschauen von Social-Media-Links erstellt. Wenn Sie eine URL auf Facebook, Twitter, LinkedIn oder Slack teilen, erscheint das OG-Bild als Linkvorschau. Entwerfen Sie attraktive Vorschaubilder mit benutzerdefinierten Titeln, Beschreibungen, Markenbildern, Hintergrundfarben oder -verläufen und Textformatierungen. Keine Designkenntnisse erforderlich. Die Canvas-API rendert scharfen Text mit Zeilenumbruch und Zentrierung.

Why Use OG-Bild-Generator?

Standard-Abmessungen von 1200x630px für OG-Bilder
Benutzerdefinierter Text, Farben, Farbverläufe und Markenlogo
Ordentliche Textumbruch und Zentrierung
Professionelle Vorschau von Links ohne Designkenntnisse

Common Use Cases

Blog-Beiträge

Erstellen Sie ansprechende Vorschaubilder für Blog-Artikel.

Produktseiten

Entwerfen Sie markenbezogene OG-Bilder für Produkt- und Landingsseiten.

Dokumentation

Erstellen Sie konsistente Vorschaubilder für Dokumente und API-Seiten.

Veranstaltungen

Erstellen Sie Veranstaltungsbekanntmachungsbilder, die gut aussehen, wenn sie geteilt werden.

Technical Guide

OG-Bilder werden auf einem 1200x630px-Canvas gerendert. Der Hintergrund wird mit einer einheitlichen Farbe oder einem linearen Verlauf gefüllt. Der Titel verwendet eine große fette Schrift (48-64px) mit automatischem Wortumbruch über measureText. Die Beschreibung verwendet eine kleinere Schrift darunter. Der Text ist horizontal und vertikal zentriert und ausgewogen. Markenname am unteren Rand. Ausgabe im PNG-Format.

Tips & Best Practices

1
Halten Sie Titel unter 60 Zeichen für bessere Lesbarkeit
2
Verwenden Sie hoch kontrastreiche Texte auf dem Hintergrund
3
Fügen Sie den Markennamen oder die Domäne hinzu, um die Erkennung zu verbessern
4
Testen Sie es in kleinen Größen - so wird es in den Feeds angezeigt

Related Tools

Meme-Generator

Erstellen Sie Memes, indem Sie anpassbare Textüberlagerungen oben und unten auf jedes Bild hinzufügen.

🖼️ Image Tools

Bildgrößenanpasser für soziale Medien

Passe Bilder auf die exakten Abmessungen für alle großen sozialen Medien-Plattformen an.

🖼️ Image Tools

YouTube-Miniaturbild-Ersteller

Erstellen Sie auffällige YouTube-Miniaturbilder in der empfohlenen Auflösung von 1280x720.

🖼️ Image Tools

Bild zu Symbol

Konvertieren Sie Bilder in Symbolsgrößen (16x16 bis 512x512) für Favicons und App-Symbole.

🖼️ Image Tools

Frequently Asked Questions

Q Was ist ein OG-Bild?

Das Vorschaubild, das angezeigt wird, wenn eine URL auf sozialen Medien-Plattformen geteilt wird.

Q Welche Größe?

1200x630 Pixel ist die von Facebook empfohlene und von allen Plattformen unterstützte Standardgröße.

Q Wie verwende ich es?

Laden Sie es auf Ihre Website hoch und fügen Sie ein <meta property="og:image">-Tag hinzu, der auf die Bild-URL verweist.

Q Hintergrundbild?

Unterstützt einfache Farben und Farbverläufe. Verwenden Sie den Textüberlagerungsbild-Generator für Hintergrundbilder.

Q Funktioniert es auch bei Twitter?

Ja - Twitter verwendet das gleiche OG-Bild für die Vorschau von Links.

About This Tool

OG-Bild-Generator is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.