Regel 1: Kontrast entscheidet über alles

Der häufigste Fehler bei Zitat-Grafiken ist zu wenig Kontrast — heller Text auf einem hellen Foto, der in der Vorschau schlicht verschwindet. Die zuverlässigen Lösungen:

  • Overlay: eine halbtransparente dunkle Ebene (z. B. Schwarz mit 40–50 % Deckkraft) über das Foto legen, dann hellen Text darauf. Das dämpft das Bild gerade genug, damit die Schrift sich abhebt.
  • Einfarbiger Hintergrund: gar kein Foto, sondern eine Markenfarbe mit kontrastierender Schrift — reduziert, aber immer lesbar.
  • Kontur oder Schatten: ein dezenter Schlagschatten oder eine dünne Kontur um die Buchstaben hält den Text auch über unruhigem Hintergrund lesbar.

Regel 2: PNG, nicht JPG

Zitat-Grafiken sind Text mit harten Kanten — und genau da versagt JPG: Es erzeugt verwaschene, oft farbig ausgefranste Ränder um Buchstaben (das Chroma-Subsampling-Problem). PNG hält den Text gestochen scharf. Nur wenn die Grafik überwiegend aus einem Foto besteht und wenig Text trägt, ist JPG vertretbar. Warum farbiger Text auf JPG besonders leidet, erklärt der Beitrag Chroma-Subsampling erklärt.

Regel 3: Groß, kurz, umgebrochen

Der Text muss auch als kleine Feed-Vorschau funktionieren. Das heißt:

  • Kurze Zeilen, große Schrift — ein langes Zitat lieber kürzen als klein setzen.
  • Sinnvoll umbrechen — nicht mitten im Gedanken, sondern nach Sinneinheiten.
  • Betonung durch Größe — das Schlüsselwort größer oder farbig, der Rest zurückhaltender.
  • Quelle nicht vergessen — den Urheber des Zitats klein darunter nennen; das ist fair und wirkt seriös.

Format-Wahl

Quadratisch (1080 × 1080) ist der Allrounder für den Feed. Wer auch Stories (1080 × 1920) oder Pinterest (1000 × 1500) bespielt, legt die Kernaussage so an, dass sie in der Mitte sitzt und in jedem Zuschnitt sichtbar bleibt. So lässt sich eine Grafik mit minimaler Anpassung mehrfach verwenden.

Der Serien-Effekt: Wiedererkennung

Einzelne schöne Zitat-Grafiken sind nett — eine erkennbare Serie baut Marke auf. Das Rezept ist Konsequenz: dieselbe Schriftart, dieselbe Farbwelt, dieselbe Anordnung über alle Grafiken. Eine feste Farbpalette (zwei bis drei Farben, konsequent durchgehalten) ist der einfachste Weg zu diesem Wiedererkennungswert. Wer möchte, kann ein transparentes Logo oder Wasserzeichen als PNG in eine Ecke setzen — wie Transparenz dabei sauber bleibt, steht im Beitrag Alpha-Kanal und Transparenz.

Häufige Fragen

Warum ist der Text auf meiner Zitat-Grafik schlecht lesbar?

Meist wegen zu wenig Kontrast zwischen Text und Hintergrund. Heller Text auf hellem Foto verschwindet. Lösung: eine halbtransparente dunkle Ebene über das Foto legen und hellen Text darauf, oder ein einfarbiger Hintergrund. Zusätzlich hilft ein dezenter Schatten oder eine Kontur um die Schrift.

Als JPG oder PNG speichern?

PNG. Zitat-Grafiken bestehen aus scharfem Text mit harten Kanten — genau da erzeugt JPG die typischen verwaschenen Ränder und farbigen Artefakte. PNG hält den Text gestochen scharf. Nur bei reinen Foto-Hintergründen ohne viel Text ist JPG vertretbar.

Welche Schriftgröße ist auf Social Media lesbar?

Faustregel: Der Text muss auch als kleine Feed-Vorschau lesbar sein. Kurze, große Zeilen schlagen lange, kleine. Ein Zitat auf mehrere Zeilen umbrechen, wichtige Wörter groß, und lieber weniger Text als zu viel.

Welches Format für Zitat-Grafiken?

Quadratisch (1080 × 1080) ist der Allrounder für den Feed. Für Stories und Pinterest zusätzlich Hochformat (1080 × 1920 bzw. 1000 × 1500). Wer plattformübergreifend postet, gestaltet die Kernaussage so, dass sie in allen Formaten in der Mitte sitzt.

Quellen

W3C WCAG — Textkontrast · MDN — text-shadow (Kontur/Schatten).