Minimale Schriftgröße für Social-Media-Grafiken

Auf einer 1080 px breiten Social-Grafik ist unser Minimum 40 px für jeden Text, den die Leserin oder der Leser verstehen muss, und 32 px für alles andere, was etwa 14,4 und 11,6 CSS-Pixeln entspricht, wenn der Post einen 390 Punkt breiten Smartphone-Bildschirm ausfüllt. Keine Social-Plattform veröffentlicht eine minimale Schriftgröße für Bilder, das sind also unsere eigenen Zahlen, aufgebaut auf Apples 11-pt-Minimum für iOS und der Rechnung, die ein 1080-px-Bild auf ein Smartphone herunterskaliert.

Unser Typografie-Hub liefert die vollständige Schriftskala. Dieser Beitrag zoomt auf die Untergrenze: die Rechnung, wie sie sich mit der Canvas-Größe ändert und was passiert, wenn längerer Text die Schrift einer Vorlage nach unten drückt.

Gibt es eine offizielle minimale Schriftgröße für Social Media?

Nein. Die Plattformen veröffentlichen Bildmaße und Dateilimits, und auf den Hilfeseiten von LinkedIn, Instagram, X und Threads, die wir am 5. Oktober 2026 geprüft haben, fanden wir keine kleinste Textgröße für Bilder. Die nächstliegenden offiziellen Zahlen stammen aus Interface-Richtlinien und Barrierefreiheitsstandards:

• Apples Typografie-Richtlinien nennen 17 pt als Standard und 11 pt als minimale Textgröße unter iOS und iPadOS. Dieselbe Seite rät von den Schnitten Ultralight, Thin und Light ab, die in kleinen Größen schwer zu erkennen sind.
• WCAG legt überhaupt keine Mindestgröße fest. Das Kontrastkriterium verlangt 4.5:1 unter 18 pt (oder 14 pt fett) und 3:1 darüber und gibt an, dass diese Größen in CSS ungefähr 24 px und 18.5 px entsprechen. Es gilt auch für Bilder von Text, und genau das ist eine Social-Grafik.

Apples 11 pt sind für lebenden Interface-Text geschrieben, den Menschen vergrößern können. Text, der in ein PNG eingebrannt ist, kann vom Lesenden nicht vergrößert werden, und das ist unser Grund, 11 pt als absolute Untergrenze zu behandeln, nicht als Ziel.

Wie rechnet man Canvas-Pixel in Größen auf dem Smartphone um?

Drei Schritte, mit einem Smartphone als Referenz. Ein iPhone 16 hat ein 1179 px breites Display und zeichnet 3 Gerätepixel pro Punkt, es ist also 1179 / 3 = 393 Punkt breit. Wir runden das auf 390 Punkt als Referenzbreite. Unsere Arbeitsannahme ist, dass ein CSS-Pixel im Smartphone-Browser einem Punkt entspricht, die beiden Einheiten sind hier also austauschbar.

1. Skalierungsfaktor. Ein 1080-px-Post, der einen 390-Punkt-Bildschirm ausfüllt, wird mit 390 / 1080 = 0.361 skaliert.
2. Pixel pro Punkt. Umgekehrt: 1 Punkt = 1080 / 390 = 2.77 Canvas-px.
3. Apples Untergrenze auf Ihrem Canvas. 11 pt x 2.77 = 30.5 Canvas-px.

Diese 30.5 px gelten nur, wenn das Bild von Rand zu Rand läuft. Viele Feeds zeigen das Bild schmaler als den Bildschirm, neben einer Avatar-Spalte oder innerhalb von Rändern. Als Arbeitsannahme für diese Feeds nehmen Sie ein etwa 300 Punkt breites Bild: Der Faktor sinkt auf 300 / 1080 = 0.278, 1 Punkt wird zu 3.6 Canvas-px, und aus Apples 11 pt werden 11 x 3.6 = 39.6 px. Aufgerundet ergibt das unsere 40-px-Regel für wesentlichen Text.

Größe auf einem 1080-px-Canvas	Volle Breite, 390 pt (x 0.361)	Feed mit Rand, 300 pt (x 0.278)	Unser Urteil
110 px	39.7	30.6	Headline
72 px	26.0	20.0	Kleinste Headline, die wir empfehlen
48 px	17.3	13.3	Angenehmer Begleittext
40 px	14.4	11.1	Minimum für Text, den man lesen muss
32 px	11.6	8.9	Nur Labels, Handles, Seitenzahlen
24 px	8.7	6.7	Zu klein für alles, was zählt
20 px	7.2	5.6	Dekoration

Die mittleren Spalten sind CSS-px, die wir als Punkt behandeln. Jede Zahl in der Tabelle ist unsere eigene Rechnung.

Wie ändert sich das Minimum mit der Canvas-Größe?

Dieselbe Regel ergibt auf jedem Canvas eine andere Pixelzahl, weil ein breiterer Canvas stärker herunterskaliert wird. Teilen Sie die Canvas-Breite durch die angezeigte Breite, um Canvas-px pro Punkt zu erhalten, und multiplizieren Sie dann mit 11.

Canvas	Angezeigt mit	Canvas-px pro Punkt	11 pt in Canvas-px	Unser Minimum für wesentlichen Text
1080-px-Post (1:1, 4:5, 9:16)	390 pt volle Breite	2.77	30.5	40 px (Feeds mit Rand)
1080-px-Post	300 pt mit Rand	3.60	39.6	40 px
1200 px Querformat oder Anzeige	300 pt mit Rand	4.00	44.0	44 px
1500 px X-Header	390 pt volle Breite	3.85	42.3	48 px
720 px vertikale Anzeige	300 pt mit Rand	2.40	26.4	26 px

Deshalb geht eine Schriftgröße schief, die von einem Format in ein anderes kopiert wird. Ein 32-px-Label, das auf einer 720-px-Anzeige in Ordnung ist, ist auf einem 1500-px-Header zu klein. Zum Header selbst siehe den Leitfaden für X-Header und Post-Visuals; zu Anzeigen den Leitfaden für LinkedIn Single Image Ads.

Was passiert mit der Schriftgröße, wenn der Text länger wird?

Eine Vorlage mit festen Textboxen muss etwas tun, wenn die Wörter nicht hineinpassen. Unser Renderer schrumpft die Schrift Schritt für Schritt bis zu einer Untergrenze, die die Designerin oder der Designer festlegt, und kürzt den Text erst danach. Hier ist eine Zitatvorlage aus unserer Demo-Marke AURORA mit drei Textlängen. Das Zitat beginnt bei 72 px, hat eine Untergrenze von 44 px und erlaubt sechs Zeilen; die Größen unten sind aus der Ausgabe des Renderers abgelesen.

42 Zeichen: Das Zitat bleibt bei 72 px, etwa 26 Punkt in voller Smartphone-Breite.

159 Zeichen: Die Schrift fällt auf 60 px, etwa 21,7 Punkt.

190 Zeichen: 50 px, etwa 18 Punkt in voller Breite oder 13,9 in einem Feed mit Rand. Selbst an der 44-px-Untergrenze bliebe das Zitat über unserer 40-px-Regel, und genau deshalb liegt die Untergrenze dort. Eine Untergrenze bei 26 px würde dieselbe Vorlage unbemerkt unter alles fallen lassen, was ein Smartphone noch gut zeigen kann.

Eine ehrliche Anmerkung zu unserer eigenen Demo: Die Namenszeile in dieser Vorlage ist fest auf 20 px gesetzt, etwa 7 Punkt auf einem Smartphone. Für einen dekorativen Credit ist das in Ordnung, aber wenn der Name zählt, gehört er auch in die Caption.

Wie sehen diese Größen in Smartphone-Breite aus?

Unten ist das lange Zitat 390 CSS-px breit dargestellt, die Breite, die es bekommt, wenn es einen typischen iPhone-Bildschirm ausfüllt. Auf einem Desktop-Monitor ist ein CSS-Pixel physisch größer als auf einem Smartphone, öffnen Sie diese Seite also auf Ihrem Smartphone, um es in echter Größe zu beurteilen.

Und hier ist ein Hochformat-Post, dessen Begleitzeile fest 24 px groß ist, zuerst in voller Größe und dann mit 390 CSS-px.

Bei 390 px ist die 24-px-Zeile 8,7 Punkt groß und die 13-px-Dachzeile in der Pille liegt unter 5. Die Headline überlebt, die Details nicht. Das ist der übliche Fehler: Niemand macht die Headline zu klein, die zweite Zeile wird zu klein gemacht.

Wie baut man Minima in eine Vorlage ein?

Unsere Checkliste für alle, die die Vorlagen bauen:

• Setzen Sie für jede Textbox eine Untergrenze: 72 px für Headlines, 40 px für alles Wesentliche, 32 px für Labels, auf einem 1080-px-Canvas.
• Skalieren Sie diese Untergrenzen nach Canvas-Breite mit der Tabelle oben, nie nach Augenmaß.
• Begrenzen Sie die Zeichenzahl so, dass der längste erlaubte Text auf oder über der Untergrenze landet.
• Testen Sie den längsten Text, nicht den Beispieltext, und sehen Sie ihn sich 390 px breit an.
• Halten Sie leichte Schnitte aus allem heraus, was unter 48 px liegt.
• Prüfen Sie den Kontrast jeder kleinen Zeile; unser Leitfaden zum Farbkontrast hat die WCAG-Verhältnisse.
• Halten Sie kleinen Text nicht nur über der Untergrenze, sondern auch innerhalb der Safe Zones; siehe Safe Zones für Story und Reel.
• Wiederholen Sie alles Wesentliche in der Caption und im Alt-Text, denn niemand kann ein Feed-Bild zoomen.

In Chikaboom legt die Designerin oder der Designer Startgröße und Untergrenze jeder Textbox einmal fest, und Teammitglieder, die die Vorlage ausfüllen, können den Text nicht darunter drücken. Das Schrumpfverhalten können Sie in der Live-Demo ausprobieren. Zur Layout-Seite desselben Problems lesen Sie unsere Layout-Prinzipien für Social-Grafiken.