Zum Inhalt springen
EVOA Toolbox

Open-Graph-Bild-Generator

Gestalten Sie ein Social-Share-Bild mit 1200x630 Pixeln aus Titel, Logo und Hintergrund und laden Sie es als PNG herunter. Läuft komplett im Browser.

Lokal in Ihrem Browser verarbeitet. Ihre Datei wird nicht hochgeladen.

Tool wird geladen…

Was dieses Tool macht

Das Open-Graph-Bild erscheint, wenn ein Link in sozialen Netzwerken, Chat-Apps und Suchvorschauen geteilt wird. Dieses Tool erzeugt aus Titel, Untertitel, optionalem Logo und einem Hintergrund Ihrer Wahl ein PNG mit 1200x630 Pixeln, der von den meisten Plattformen empfohlenen Größe. Als Hintergrund stehen eine einfarbige Fläche, ein zweifarbiger Verlauf mit einstellbarem Winkel oder Ihr eigenes Foto mit abdunkelnder Überlagerung für gut lesbaren Text zur Verfügung.

Der Text wird automatisch umbrochen und bei langen Titeln verkleinert, damit er ins Layout passt. Sie müssen sich also nicht um Zeilenumbrüche kümmern. Der Umbruch funktioniert auch für Schriften ohne Leerzeichen wie Chinesisch und Japanisch (Umbruch zwischen den Zeichen), und rechtsläufige wie linksläufige Texte werden in der richtigen Richtung dargestellt. Schriftfamilie (aus einer Liste systemsicherer Schriften), Größe, Stärke, Farbe und Zeilenhöhe bestimmen Sie selbst.

Sechs Startvorlagen sind enthalten. Das Bild wird auf einem Canvas in Ihrem Browser gezeichnet und nicht hochgeladen.

So verwenden Sie es

  1. 1Wählen Sie eine Vorlage als Ausgangspunkt oder beginnen Sie mit der Standardvorlage.
  2. 2Geben Sie Titel und Untertitel ein. Passen Sie Ausrichtung, Schrift, Größe und Farben an.
  3. 3Wählen Sie einen Hintergrund: einfarbig, Verlauf oder ein hochgeladenes Bild. Erhöhen Sie bei Fotos die Überlagerung, bis der Text gut lesbar ist.
  4. 4Fügen Sie optional ein Logo hinzu und wählen Sie, in welcher Ecke es steht.
  5. 5Laden Sie das PNG herunter und binden Sie es mit einem og:image-Meta-Tag in Ihre Seite ein.

Unterstützte Formate

Eingabe: PNG, JPG, WebP oder SVG für Logo und Hintergrund. Ausgabe: PNG mit 1200x630.

Datenschutz

Dieses Tool läuft in Ihrem Browser. Die von Ihnen eingegebenen Daten werden auf Ihrem Gerät verarbeitet und nicht an unsere Server gesendet.

Einschränkungen

  • Es stehen nur Schriften zur Verfügung, die auf dem Gerät installiert sind (eine systemsichere Liste). Dasselbe Design kann auf einem anderen Betriebssystem leicht anders aussehen. Laden Sie das PNG herunter, um das Ergebnis festzuhalten.
  • Sehr lange Titel werden bis zu einer Mindestgröße verkleinert und dann mit Auslassungspunkten gekürzt, statt überzulaufen.
  • Emojis und seltene Schriften hängen von den auf Ihrem Gerät installierten Schriften ab.
  • Plattformen können das Bild unterschiedlich zuschneiden oder zwischenspeichern. Halten Sie wichtige Inhalte von den Rändern fern (das Layout lässt bereits 72 px Rand).

FAQ

Welche Größe sollte ein Open-Graph-Bild haben?

1200x630 Pixel (etwa 1,91:1) funktionieren bei Facebook, LinkedIn, Slack, Discord und als große Twitter/X-Card. Bleiben Sie unter etwa 5 MB; PNGs aus diesem Tool sind meist deutlich kleiner.

Wie verwende ich das Bild auf meiner Website?

Laden Sie es auf Ihre Website hoch und fügen Sie im Head der Seite <meta property="og:image" content="https://example.com/og.png"> sowie ein twitter:card-Meta-Tag mit dem Wert summary_large_image ein. Verwenden Sie eine absolute URL.

Welche Vorlagen sind verfügbar?

Mitternacht, Tageslicht, Aurora, Sonnenuntergang, Redaktionell und Terminal. Mit den Reglern können Sie außerdem jeden Stil von Hand gestalten.

Werden chinesische, japanische oder arabische Texte unterstützt?

Ja, sofern Ihr Gerät eine Schrift für das jeweilige Schriftsystem hat. CJK-Text wird zwischen den Zeichen umbrochen, und arabischer oder hebräischer Text wird von rechts nach links dargestellt.

Ähnliche Tools