IMG.DIY / Extras / Social-Cover-Generator

Social-Cover-Generator

Tippen Sie eine Überschrift, wählen Sie einen Verlauf, laden Sie ein pixelgenaues Social-Cover herunter — keine Design-App nötig.

Social-Cover-Generator visual example
Datenschutz zuerst: nichts wird hochgeladen.

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

Social-Cover-Generator: 1 · Choose input
1 · Choose input
Social-Cover-Generator: 2 · Adjust and process
2 · Adjust and process
Social-Cover-Generator: 3 · Download result
3 · Download result

Links ohne Open-Graph-Bild werden in Feeds übersprungen. Dieser Generator liefert Ihnen ein sauberes, typografisches Cover in genau der Größe, die jede Plattform will — OG 1200×630, Twitter/X, YouTube-Thumbnail, quadratischer Beitrag oder vertikale Story — mit automatischem Textumbruch, der sowohl mit lateinischem als auch mit CJK-Text umgeht.

Wählen Sie einen von acht Verlaufshintergründen, legen Sie Titel, Untertitel und Ihre Domain fest und laden Sie das PNG herunter. Die Live-Vorschau ist die tatsächliche Fläche, die exportiert wird, sodass Sie genau das erhalten, was Sie sehen.

So geht's

  1. Größe wählenOG, Twitter, YouTube, quadratisch oder Story.
  2. Text schreibenTitel, optionaler Untertitel und Ihre Marke oder Domain in der Ecke.
  3. PNG herunterladenDie Vorschau ist die Datei — exakte Pixel, bereit zum Hochladen.

Social-Cover im Browser gestalten

Dieser Generator erstellt die Titelbilder, die erscheinen, wenn ein Link geteilt wird – die Open-Graph-Karte auf Facebook und LinkedIn, die Summary-Karte auf Twitter/X und Thumbnails anderswo. Wählen Sie eine Vorlage, und es setzt die exakte Pixelgröße, die jede Plattform will: OG bei 1200x630, Twitter/X bei 1200x675, YouTube bei 1280x720, ein 1080x1080-Quadrat oder eine 1080x1920-Story. Kein Raten bei den Abmessungen.

Sie fügen einen Titel, einen Untertitel und Markentext über einen von acht Verlaufshintergründen hinzu. Der Text bricht automatisch um und verarbeitet sowohl Englisch als auch CJK, sodass lange Schlagzeilen und chinesische Titel beide im Rahmen bleiben. Die Live-Vorschau ist genau die Fläche, die exportiert wird, was Sie sehen, ist also, was heruntergeladen wird.

Das PNG direkt in Ihre Meta-Tags liefern

Sobald das Cover richtig aussieht, laden Sie es als PNG herunter und richten Ihre og:image- und twitter:image-Tags darauf aus. Ein ordentliches Social-Sharing-Bild verwandelt einen nackten Link in eine Karte mit einem echten Bild, und das zieht in Feeds und Chats weit mehr Klicks als eine schlichte URL.

Alles rendert auf Ihrem Gerät, sodass Sie ein Link-Vorschaubild für einen Blogbeitrag, einen Launch oder ein Video erstellen können, ohne Designsoftware oder Konto.

Wofür man es nutzt

Share-Karte für Blogbeiträge — Erstellen Sie ein 1200x630 OG-Bild mit dem Beitragstitel, damit der Link auf Social eine echte Karte zeigt.

Twitter/X-Karte — Exportieren Sie ein 1200x675-Bild in der Größe der X-Summary-Karte, statt einen unschönen Zuschnitt zu bekommen.

YouTube-Thumbnail — Bauen Sie ein 1280x720-Cover mit einem kräftigen Titel für ein Video-Thumbnail.

Produkt- oder Feature-Launch — Erstellen Sie ein gebrandetes 1200x630-Cover, damit Launch-Links beim Teilen gewollt aussehen.

Instagram-Quadrat-Post — Erzeugen Sie ein 1080x1080-Quadrat mit einer Schlagzeile und Markenmarke für einen Feed-Post.

Story- oder Reel-Cover — Gestalten Sie ein 1080x1920-Vertikalcover für eine Story oder einen Short.

Einheitliche Marken-Cover — Verwenden Sie einen Verlauf und Markentext über Posts hinweg wieder, damit geteilte Links optisch markentreu bleiben.

Zweisprachige Titel — Setzen Sie eine englische oder chinesische Schlagzeile und lassen Sie den automatischen Umbruch sie im Rahmen halten.

Wenn Sie einen Link in Slack, iMessage, LinkedIn oder einen Tweet einfügen, leistet die Vorschaukarte stille Arbeit: Das Bild auf dieser Karte ist oft der einzelne größte Grund, warum jemand klickt. Es ist das Open-Graph-Bild – 1200 × 630 für die meisten Plattformen, ein leicht anderes Verhältnis für Twitter/X, 1280 × 720 für ein YouTube-Vorschaubild, ein Quadrat oder eine 9:16-Story für andere Feeds. Veröffentlichen Sie eine Seite ohne eines, greift die Karte auf ein beschnittenes Logo oder gar nichts zurück, und Ihr sorgfältig verfasster Beitrag sieht im Feed unfertig aus.

Die Aufgabe ist klein, aber fummelig. Sie brauchen die exakte Pixelgröße für die Plattform, einen Hintergrund, der sich in Vorschaugröße gut liest, einen Titel, der groß genug ist, um das Verkleinern in einer Timeline zu überstehen, und vielleicht einen Untertitel und Ihre Domain. Design-Werkzeuge können all das, aber sie zwingen Sie, die Canvas einzurichten, eine Vorlage zu finden und in den richtigen Maßen zu exportieren – echter Aufwand für etwas, das Sie womöglich für jeden Blogbeitrag wiederholen. Dedizierte OG-Bild-Generatoren straffen das, aber viele wollen ein Konto, verlangen das Hochladen von Elementen oder sperren Sie in ihren Vorlagen-Look ein.

OG Image erzeugt die Karte im Browser. Wählen Sie eine Voreinstellung – OG / Facebook 1200 × 630, Twitter/X 1200 × 675, YouTube 1280 × 720, Quadrat 1080 × 1080 oder Story 1080 × 1920 –, wählen Sie einen Farbverlauf, tippen Sie einen Titel, Untertitel und Marke oder Domain, und es komponiert alles auf einer Canvas in der exakten Größe, die die Plattform erwartet. Der Titel bricht automatisch um und skaliert, eine leichte dezente Verzierung verhindert einen flachen Eindruck, und ein Schalter für dunklen Text bewältigt helle Hintergründe. Nichts wird hochgeladen, sodass eine noch nicht veröffentlichte Schlagzeile auf Ihrem Gerät bleibt, und Sie erhalten ein sauberes PNG, benannt nach seiner Größe, bereit zum Einfügen in Ihr og:image-Tag.

Was den Unterschied macht

  • Richtige Größe, jede Plattform. OG 1200 × 630, Twitter/X 1200 × 675, YouTube 1280 × 720, Quadrat und Story – exakte Pixel, keine Zuschnitt-Überraschungen.
  • Text, der ein Vorschaubild übersteht. Titel brechen automatisch um und skalieren, mit einem Untertitel und einer Marken-/Domain-Zeile, plus einem Schalter für dunklen Text bei hellen Farbverläufen.
  • Acht Farbverläufe, live komponiert. Ein dezenter dekorativer Akzent bewahrt die Karte davor, wie ein flacher Farbblock auszusehen, und jede Änderung erscheint sofort in der Vorschau.
  • Nichts hochgeladen. Ihre unveröffentlichte Schlagzeile und jeder Wortlaut bleiben im Browser; keine Elemente gehen an einen Server.
  • Funktioniert offline. Nach dem ersten Besuch zwischengespeichert, sodass Sie Karten auf einem Flug erstellen können.
  • Kostenlos, kein Konto, kein Wasserzeichen. Laden Sie ein sauberes PNG herunter, benannt nach seinen Maßen.

IMG.DIY im Vergleich zu anderen OG-Bild-Werkzeugen

Canva und dedizierte OG-Generatoren sind leistungsfähig, aber sie bringen mehr Einrichtung mit und leiten Ihre Arbeit meist über ihre Server oder Vorlagen.

Aspekt Canva Dedizierte OG-Bild-Generatoren IMG.DIY
Konto erforderlich Ja Oft Nein
Uploads / Server-Rendering Serverseitig Häufig Nein, alles im Browser
Plattform-Größenvoreinstellungen Manuell oder Vorlage Ja OG, Twitter/X, YouTube, Quadrat, Story
Design-Flexibilität Sehr hoch Vorlagengebunden Fokussiert: Farbverlauf + Titel/Untertitel/Marke
Tempo bis zur fertigen Karte Mittel Schnell, aber oft gesperrt Tippen, wählen, herunterladen
Offline Nein Nein Ja, nach dem ersten Besuch
Wasserzeichen Bei manchen Exporten Manchmal auf kostenloser Stufe Keins

Canva gewinnt, wenn Sie eine vollständig individuelle Karte mit Fotos, Logos und präziser Layout-Kontrolle wollen – es ist ein echtes Design-Werkzeug und für eine Hero-Grafik seinen Preis wert. Dedizierte OG-Generatoren sind schnell und zweckgebaut, aber viele sperren die gute Ausgabe hinter einem Konto, einem Upload-Schritt oder einem festen Vorlagenstil. OG Image sitzt am schnellen, privaten Ende: weniger Regler, aber die, die zählen – exakte Plattformgröße, lesbarer Titel, Farbverlauf, Markenzeile –, ohne Anmeldung und ohne dass etwas Ihren Browser verlässt. Für die Routineaufgabe, jeder Seite eine anständige Share-Karte zu geben, ist das meist alles, was Sie brauchen.

Warum IMG.DIY

5 Plattformgrößen

OG 1200×630 bis 1080×1920 Story.

8 Verläufe

Saubere Hintergründe, die dem Text nicht die Show stehlen.

Intelligenter Umbruch

Verarbeitet lange Titel und CJK-Text korrekt.

Sofort

Keine Canvas-App, keine Vorlagen-Website, kein Login.

FAQ

Welche Größe sollte ein OG-Bild haben?
1200×630 ist der Standard, den Facebook, LinkedIn, Slack und die meisten Plattformen am besten darstellen.
Kann ich mein eigenes Hintergrundbild verwenden?
Diese Version ist typografisch (Verlaufshintergründe). Für fotobasierte Cover setzen Sie das Bild zuerst im Collage-Tool zusammen und fügen den Text hier hinzu — oder sagen Sie uns Bescheid, es steht auf der Roadmap.
Unterstützt es chinesische Titel?
Ja — der Textumbruch ist zeichenbewusst für CJK, sodass lange chinesische Titel korrekt umbrechen.
Wohin lege ich das OG-Bild?
Laden Sie es an einem beliebigen öffentlichen Ort hoch und verweisen Sie darauf in <meta property="og:image" content="…"> auf Ihrer Seite.
Welche Größe sollte ein OG-Bild haben?
Die Standard-Open-Graph-Größe ist 1200x630, die hier voreingestellte Vorlage. Twitter/X-Summary-Karten nutzen 1200x675, YouTube-Thumbnails 1280x720, und es gibt auch quadratische 1080x1080- und Story-Vorlagen mit 1080x1920, sodass Sie jede Plattform exakt treffen.
Wird mein chinesischer oder langer Titel abgeschnitten?
Nein. Der Textumbruch verarbeitet sowohl Englisch als auch CJK und fließt den Titel über mehrere Zeilen, um ihn im Rahmen zu halten, sodass chinesische Titel und lange englische Schlagzeilen beide passen.
In welchem Format exportiert es?
Es lädt ein PNG herunter, das sichere, weit verbreitete Format für og:image- und twitter:image-Tags. Die Vorschau, die Sie sehen, ist genau die Fläche, die exportiert wird.
Wie bringe ich das Bild dazu, tatsächlich zu erscheinen, wenn ich einen Link teile?
Hosten Sie das exportierte PNG und referenzieren Sie es in den og:image- und twitter:image-Meta-Tags Ihrer Seite. Danach greifen die Plattformen es auf, wobei manche aggressiv zwischenspeichern, nutzen Sie also bei Bedarf deren Debugger, um die Vorschau zu aktualisieren.
Kann ich den Hintergrund ändern?
Es stehen acht Verlaufsvorlagen zur Auswahl, dazu Ihr Titel, Untertitel und Markentext darüber. Es ist auf schnelle, saubere Cover ausgelegt statt auf freies Layout, sodass Sie ein gutes Ergebnis ohne Herumbasteln erhalten.
Warum zeigt meine Karte nach dem Aktualisieren noch das alte Bild?
Facebook, LinkedIn und X speichern OG-Bilder zwischen, sodass ein altes Cover hängen bleiben kann. Schleusen Sie den Link durch den Sharing-Debugger der Plattform, um ein erneutes Auslesen zu erzwingen und Ihr neues Bild zu holen.

Verwandte Werkzeuge

Ratgeber & Tipps