Löst CSS hyphens: auto das nicht?

Auf einer Webseite oft ja, wenn das lang-Attribut gesetzt ist. Social-Bilder werden von einem Bild-Renderer in eine Bitmap gezeichnet, der das nicht kann. Der Zeilenumbruch muss also vor dem Zeichnen erfolgen.

Wird jedes Kompositum perfekt getrennt?

Nein. Die Muster finden Silbengrenzen, ein kleines Lexikon markiert häufige Kompositaglieder. Bei seltenen Komposita kann die Trennung zwischen Silben statt Gliedern liegen. Das ist trotzdem korrekte Trennung, nur weniger elegant.

Warum Silbentrennung in deutschen und finnischen Überschriften wichtig ist

Zuletzt aktualisiert: 1. November 2026

Deutsch und Finnisch schreiben Komposita in einem Wort, ein einziges Wort kann also breiter sein als das ganze Social-Bild. Ohne Silbentrennung läuft die Überschrift über den Rand oder wird so klein, dass man sie kaum lesen kann. Abhilfe schaffen Trennung an der Wortfuge, ausgewogene Zeilen und keine einzelne Restzeile.

Das Problem

„Bundesverfassungsgerichtsentscheidung“ hat 37 Buchstaben in einem Wort. Das finnische „Yhteistoimintaneuvottelut“ hat 25. In einer Schriftgröße, die in der Vorschau lesbar bleibt, ist so ein Wort breiter als das Bild.

Ein Renderer, der nur an Leerzeichen umbricht, hat zwei schlechte Optionen: das Wort läuft über den Rand, oder die ganze Überschrift wird verkleinert, bis das Wort passt. Beides sieht nach Fehler aus.

Was ContentImage macht

Trennt mit sprachspezifischen TeX-Mustern für Deutsch, Finnisch, Französisch, Spanisch und Englisch.
Bevorzugt Wortfugen: Bundesverfassungs-gerichts-entscheidung. Genutzt werden die Muster und ein kleines Lexikon häufiger Kompositaglieder für Deutsch und Finnisch. Seltene Komposita können daher auch zwischen Silben statt Wortbestandteilen getrennt werden.
Sucht die größte Schriftgröße, die in den Rahmen passt, und nimmt bis zu etwa 30 % weniger in Kauf, wenn das Wort dadurch an der Wortfuge statt mitten in einer Silbengruppe getrennt werden kann.
Gleicht die Zeilenlängen aus und vermeidet ein einzelnes Wort in der letzten Zeile.
Setzt die Anführungszeichen der Sprache, im Französischen geschützte Leerzeichen vor : ; ! ?.

Echte Beispiele aus unserer Engine

Gleicher Rahmen, gleiche Schrift. Jedes Paar zeigt die Überschrift zuerst ohne Silbentrennung, dann so, wie ContentImage sie setzt.

Überschrift ohne Silbentrennung, verkleinert oder überlaufend — Finnisch, ohne Trennung

Von ContentImage gesetzte Überschrift — Finnisch, ContentImage

Mit eigenen Überschriften testen

Fügen Sie eine Artikel-Adresse oder eine Überschrift in die Demo auf der Startseite ein. Nehmen Sie Ihren längsten Titel. Wenn Sie Werkzeuge vergleichen, nehmen Sie zehn echte deutsche Überschriften statt eines kurzen Beispiels.

ContentImage ist während der Beta kostenlos.

Kostenlos starten

FAQ

Löst CSS hyphens: auto das nicht?: Auf einer Webseite oft ja, wenn das lang-Attribut gesetzt ist. Social-Bilder werden von einem Bild-Renderer in eine Bitmap gezeichnet, der das nicht kann. Der Zeilenumbruch muss also vor dem Zeichnen erfolgen.
Wird jedes Kompositum perfekt getrennt?: Nein. Die Muster finden Silbengrenzen, ein kleines Lexikon markiert häufige Kompositaglieder. Bei seltenen Komposita kann die Trennung zwischen Silben statt Gliedern liegen. Das ist trotzdem korrekte Trennung, nur weniger elegant.

EN FI FR ES