Optimale Lesespaltenbreite und Zeichen pro Zeile prüfen
Bei 16 px Schriftgröße und 560 px Spaltenbreite ergeben sich 70 Zeichen pro Zeile, also ein Wert im Bereich von 45 bis 75, der langes Lesen angenehm macht. Prüfen Sie jede Bildschirmgröße, bevor Sie das Layout festlegen. Kostenlos in Ihrem Browser.
- Kostenlos
- Läuft in Ihrem Browser
- Ohne Anmeldung
- Ihre Daten bleiben auf Ihrem Gerät
Im Browser ausführen – kostenlos
Rechenbeispiel
- Schriftgröße
- 16
- Spaltenbreite
- 560
- Zeichen pro Zeile
- 70
- Bewertung
- recommended
- Empfohlenes Minimum
- 45
- Empfohlenes Maximum
- 75
Gute Lesbarkeit hängt nicht allein von einer ansprechenden Schrift ab. Bei einer zu breiten Spalte verlieren Sie beim Wechsel in die nächste Zeile leichter die richtige Stelle, während eine sehr schmale Spalte Sätze durch ständige Umbrüche zerlegt. Dieses Werkzeug schätzt anhand von Schriftgröße und Spaltenbreite die Zeichen pro Zeile und zeigt, ob das Ergebnis im üblichen Empfehlungsbereich von 45 bis 75 liegt. Es unterstützt Sie schnell bei Artikeln, Dokumentationen, Newslettern, Dashboards und anderen Layouts für längeres Lesen.
So geben Sie Ihre typografischen Maße ein
Geben Sie die Schriftgröße des Fließtexts und die tatsächliche Textspaltenbreite in CSS-Pixeln ein. Verwenden Sie den Raum, der nach Abzug von Innenabständen, Rahmen, Randnotizen oder benachbarten Bedienelementen wirklich für Text übrig bleibt. Eine 640 Pixel breite Karte mit 32 Pixel Innenabstand auf beiden Seiten bietet Absätzen beispielsweise nur 576 Pixel.
Nutzen Sie die berechnete Größe des Fließtexts, nicht einen Browser-Zoomwert, eine Überschriftengröße oder einen Token-Namen. Beide Angaben müssen positive endliche Zahlen sein; eine nicht positive Schriftgröße wird abgelehnt, weil sie keinen lesbaren Text beschreibt. Falls Ihr Entwurf rem verwendet, rechnen Sie mit der Stammschriftgröße um oder lesen Sie die berechneten Werte in den Browserwerkzeugen ab.
Prüfen Sie Desktop, Tablet und Mobilgerät getrennt, denn eine responsive Spalte kann auch bei unveränderter Schrift zwischen den Kategorien wechseln. Die Antwort wiederholt Ihre Eingaben, damit Sie jede geprüfte Konfiguration eindeutig dokumentieren können.
So verstehen Sie die Schätzung pro Zeile
Die Berechnung nimmt an, dass ein durchschnittliches Zeichen ein halbes em und damit die Hälfte der angegebenen Schriftgröße breit ist. Sie teilt die Spaltenbreite durch diesen Durchschnitt und gibt die Zeichen pro Zeile mit einer Dezimalstelle aus. Das ist bewusst eine Näherung: Tatsächliche Glyphenbreiten hängen von Schriftfamilie, Gewicht, Sprache, Satzzeichen, Zeichenabstand und konkretem Text ab.
Eine schmale Schrift kann mehr Zeichen aufnehmen, eine breite weniger. Das Werkzeug unterstützt daher frühe Layoutentscheidungen und einheitliche Prüfungen, ersetzt aber keine Messung eines repräsentativen Texts in der endgültigen Schrift. Für die Einstufung gilt der ungerundete Wert: Unter 45 ist zu schmal, über 75 zu breit und der einschließlich beider Grenzen liegende Bereich wird empfohlen.
Die Antwort nennt auch die Annahme 0.5 em und beide Grenzwerte. Liegt Ihr Ergebnis nahe daran, testen Sie echte Inhalte und verstehen Sie die Angabe als Anlass zur Sichtprüfung, nicht als starre Barrierefreiheitsregel.
So leiten Sie eine praktische Layoutentscheidung ab
Ein empfohlenes Ergebnis deutet auf ein geeignetes Verhältnis von Schriftgröße und Zeilenlänge für fortlaufendes Lesen hin, ist aber nur ein Teil komfortabler Typografie. Prüfen Sie außerdem Zeilenhöhe, Absatzabstände, Kontrast, Schriftdarstellung und die Bedürfnisse Ihres Publikums. Ist die Spalte zu breit, verringern Sie ihre maximale Breite, vergrößern Sie gegebenenfalls die Schrift oder verwenden Sie mehrere Spalten nur bei eindeutiger Lesereihenfolge.
Ist sie zu schmal, schaffen Sie mehr horizontalen Raum, reduzieren Sie übermäßige Innenabstände oder hinterfragen Sie eine unverhältnismäßig große Schrift. Verkleinern Sie Fließtext nicht nur für ein positives Ergebnis, besonders auf kleinen Bildschirmen. Vergleichen Sie Container- und Typografie-Token schon im Design und prüfen Sie nach der Umsetzung erneut, da Raster und verschachtelte Abstände die nutzbare Breite verändern.
Testen Sie bei mehrsprachigen Angeboten jede Schrift.
Anwendungsfälle
Maximalbreite eines Artikels festlegen
Vergleichen Sie mögliche Inhaltsbreiten mit der Fließtextgröße, bevor Sie das Desktopmaximum wählen.
Responsive Haltepunkte untersuchen
Prüfen Sie Desktop, Tablet und Mobilgerät auf zu schmale oder zu breite Spalten.
Designsystem-Token überprüfen
Testen Sie Typografie- und Container-Token gemeinsam für eine einheitlich lesbare Grundlage.
Häufige Fragen
Welcher Bereich wird empfohlen?
Das Werkzeug empfiehlt einschließlich der Grenzwerte 45 bis 75 geschätzte Zeichen pro Zeile.
Wie werden die Zeichen pro Zeile berechnet?
Es wird eine mittlere Zeichenbreite von 0.5 em angenommen und die Spaltenbreite durch die halbe Schriftgröße geteilt.
Ist die Messung für meine Schrift exakt?
Nein. Familie, Gewicht, Sprache, Abstand und Inhalt verändern Glyphen; das Ergebnis ist eine Schätzung.
Ist eine Spalte mit 560 px für 16 px Fließtext zu breit?
Nein. Bei 16 px wird jedes Zeichen auf 8 px geschätzt, sodass 560 px etwa 70 Zeichen pro Zeile fassen, ein Wert im empfohlenen Bereich von 45 bis 75.
Welche Breite gebe ich ein, wenn der Kasten einen Innenabstand hat?
Geben Sie nur den Platz an, den die Absätze tatsächlich nutzen. Eine 640 px breite Karte mit 32 px Innenabstand auf jeder Seite lässt 576 px übrig, und genau diese Breite sollten Sie prüfen.
Verwandte Tools
Für Entwickler — API-Zugang
Alles auf dieser Seite ist auch per API verfügbar. Dieser Abschnitt richtet sich an Teams, die es in ihre eigenen Systeme einbinden möchten; alle anderen nutzen einfach das Tool oben.
Endpunkt
Authentifizierung per Bearer-Token. Ein einziger POST stellt die Aufgabe in die Warteschlange; das Ergebnis erhalten Sie per Webhook oder über einen signierten Link.
Aufruf aus Ihrem Stack
curl -X POST https://api.kit.forhosting.com/doc/reading-column-width-check \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"font_size":16,"column_width":560}'const res = await fetch("https://api.kit.forhosting.com/doc/reading-column-width-check", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"font_size": 16,
"column_width": 560
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/doc/reading-column-width-check",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"font_size": 16,
"column_width": 560
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/doc/reading-column-width-check", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"font_size":16,"column_width":560}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"font_size":16,"column_width":560}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/doc/reading-column-width-check", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Beispiel-Anfrage
{
"font_size": 16,
"column_width": 560
}Beispiel-Antwort
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "doc.reading_column_width_check",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}Die API arbeitet asynchron: Sie erhalten sofort eine task_id. Polling ist mit 1 Anfrage pro Sekunde erlaubt.
Preis
Der Preis steht auf der Seite – keine Tokens, keine Credits. Fehlgeschlagene Aufgaben werden nicht berechnet.
Limits
max_mb | 25 |
max_pages | 200 |
Fehler
| HTTP | Code | Bedeutung |
|---|---|---|
401 | unauthorized | Der API-Schlüssel fehlt oder ist ungültig – prüfen Sie den Authorization-Header (Bearer). |
402 | insufficient_balance | Ihr Guthaben reicht für diese Aufgabe nicht aus – Aufladungen verfallen nicht. |
404 | unknown_type | Unbekannter Aufgabentyp – prüfen Sie das Feld „type“ gegen den Katalog. |
429 | rate_limited | Zu viele Anfragen – warten Sie kurz; Polling ist mit 1 Anfrage pro Sekunde erlaubt. |
Technische Hinweise
So leiten Sie eine praktische Layoutentscheidung ab
Interaktive Prüfungen im Browser sind gratis; automatisierte API-Anfragen kosten jeweils $0.002.
Technische Fragen
Was geschieht bei null oder negativer Schriftgröße?
Die Anfrage endet mit invalid_input, weil die Schriftgröße positiv sein muss.
Was kostet eine API-Anfrage?
Jede API-Anfrage kostet $0.002; die interaktive Browsernutzung ist kostenlos.