*OGImageTool*Kostenloser OG-Bildgenerator
Erstellen Sie in wenigen einfachen Klicks kostenlos schöne OG-Bilder und Twitter/X-Header.
Vorschau-Galerie
Sehen Sie, was Sie erstellen k?nnen
Wischen Sie, um mehr zu sehen
Wischen Sie, um mehr zu sehen
Probieren Sie es jetzt aus
Warum OGImageTool wählen?
Alles, was Sie brauchen, um in Sekunden beeindruckende Social-Media-Bilder zu erstellen
Kostenlos und keine Anmeldung erforderlich
Sofort mit der Erstellung professioneller OG-Bilder beginnen - keine Registrierung oder Kreditkarte erforderlich.
Multi-Plattform-Unterstützung
Erstellen Sie optimierte Bilder für jede Plattform mit den richtigen Abmessungen.
Professionelle Vorlagen
Wählen Sie aus mehreren professionell gestalteten Vorlagen: Basic, Hero, Image Right, Notice und Logos.
Flexible Exportoptionen
Exportieren Sie Ihre Designs in PNG-, JPEG- oder WebP-Format mit optimierten Dateigrößen.
Erweiterte Anpassung
Personalisieren Sie alles mit benutzerdefinierten Hintergründen, Mustern, Farbverläufen und Markenfarben.
Moderne Designfunktionen
Erstellen Sie beeindruckende Bilder mit hochwertiger Typografie, Rasterüberlagerungen und visuellen Effekten.
Sofortige Vorschau
Sehen Sie Ihre Änderungen in Echtzeit mit unserer WYSIWYG-Oberfläche.
Blitzschnell
Erstellen Sie professionelle Social-Media-Bilder in Sekunden mit unserer intuitiven Benutzeroberfläche.
Open Graph-Bilder hinzufügen
Fügen Sie Ihrem Website Social-Media-Vorschauimages in wenigen Minuten hinzu. Wählen Sie unten Ihre bevorzugte Methode (HTML oder Next.js App Router).
1. Bild speichern
Speichern Sie das generierte OG-Bild als og.png im Stammverzeichnis Ihrer Website.
2. Zum HTML-Head hinzufügen
<!-- Basic OG Tags -->
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="Your page description" />
<meta property="og:image" content="https://yourdomain.com/og.png" />
<meta property="og:url" content="https://yourdomain.com" />
<!-- Twitter/X Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yourdomain.com/og.png" />
<!-- Optional but recommended -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Your Site Name" />Ersetzen Sie unbedingt yourdomain.com durch Ihren tatsächlichen Domainnamen.
Profi-Tipps
- Stellen Sie immer Fallback-Bilder bereit, falls das OG-Bild nicht geladen wird
- Testen Sie Ihre OG-Bilder mit Social-Media-Debugging-Tools
- Verwenden Sie beschreibende Alt-Texte für bessere Barrierefreiheit
- Erwägen Sie dynamische OG-Bilder für Inhalte, die sich häufig ändern