Logo-Schutzraum berechnen
Ein Schutzraum hält Texte, Bilder, Rahmen und Seitenränder auf ausreichendem Abstand zum Logo.
Im Browser ausführen – kostenlos
Dieser Rechner wandelt eine Vorgabe wie „rund um das Logo 1.5-mal die x-Höhe freihalten“ in einen exakten Mindestabstand um. Geben Sie die dargestellte Logohöhe, die gemessene Höhe des Referenzelements und den vorgeschriebenen Faktor ein. Das Ergebnis behält Ihre Einheit bei, nennt den nötigen Freiraum je Seite und zeigt die gesamte geschützte Höhe mit Abstand oberhalb und unterhalb des Logos.
Messen Sie Logo und Referenzelement im selben Maßstab
Verwenden Sie das Logo zunächst genau in der Größe, in der es im Entwurf erscheinen soll. Messen Sie seine Höhe und anschließend das im Markenhandbuch genannte Element, ohne die Grafik zwischendurch zu skalieren. Als Referenz kann die Höhe eines kleinen x, die Versalhöhe eines Buchstabens, der Durchmesser eines Symbols oder ein anderes Gestaltungsmerkmal dienen. Beide Messwerte müssen dieselbe Einheit haben. Pixel eignen sich für Bildschirme; die allgemeine Einheit lässt sich bei Druckprojekten etwa als Millimeter oder Punkt verwenden. Der Rechner nimmt bewusst keine Umrechnung vor, weil sie einen Maßstabsfehler verdecken könnte. Er übernimmt die von Ihnen ausgewählte Einheit. Ist das Logo 120 Pixel hoch und beträgt die x-Höhe 24 Pixel, geben Sie diese Werte direkt ein. Messen Sie möglichst an der ursprünglichen Vektordatei oder an einem scharfen Export. Unscharfe Vorschauen, verzerrte Bildschirmfotos oder transparente Außenränder können die sichtbare Marke falsch abbilden.
Wenden Sie den Schutzraumfaktor richtig an
Der Faktor legt fest, wie viele Höhen des Referenzelements rund um das Logo frei bleiben müssen. Bei 1x entspricht der Mindestabstand einer Referenzhöhe, 1.5x multipliziert sie mit 1.5 und 2x verdoppelt sie. Geben Sie nur die Zahl ein; der Rechner multipliziert sie mit der gemessenen Referenzhöhe und liefert den Mindestwert für eine Seite. Üblicherweise gilt derselbe Abstand oben, unten, links und rechts, sofern das Markenhandbuch keine asymmetrischen Werte nennt. Die geschützte Höhe addiert den Abstand zweimal zur Logohöhe: einmal oberhalb und einmal unterhalb. Damit prüfen Sie beispielsweise, ob Banner, Karten oder Navigationsleisten hoch genug sind. Der Referenzanteil in Prozent ist ein Kontrollwert. Er zeigt das Verhältnis zur Logohöhe und kann Messungen in unterschiedlichen Maßstäben erkennbar machen. Enthält die verbindliche Markenvorgabe eine abweichende Auslegung, hat diese stets Vorrang.
Übertragen Sie das Ergebnis in Layout und Übergabe
Behandeln Sie den Mindestabstand als Ausschlusszone und nicht als freiwilligen optischen Rand. Texte, Illustrationen, Fotos, Linien, Beschnittkanten und Bedienelemente dürfen diese Zone nicht berühren. Legen Sie im Gestaltungsprogramm Hilfslinien oder einen unsichtbaren Rahmen an, der auf allen vier Seiten um den berechneten Wert versetzt ist. Berechnen Sie bei responsiven Layouts den Abstand für jede neue Logogröße erneut, sofern das Referenzelement nicht automatisch mit der gesamten Grafik skaliert. In CSS kann der Wert Padding oder Ränder bestimmen. Beachten Sie jedoch zusätzliche Containerabstände und mögliche Pixelbruchteile. Behalten Sie Dezimalstellen bei, wenn das System sie unterstützt. Sind ganze Pixel erforderlich, runden Sie auf, da Abrunden den Mindestwert unterschreiten würde. Dokumentieren Sie Logohöhe, Referenzhöhe, Faktor, Einheit und Ergebnis, damit andere die Entscheidung nachvollziehen können. Automatisierte Prüfungen per API kosten $0.002 je Anfrage; einzelne Layoutprüfungen lassen sich im Browser erledigen.
Anwendungsfälle
Abstand im Website-Kopf festlegen
Übertragen Sie die x-Höhen-Regel in einen genauen Pixelwert, bevor Sie Navigation und Kopfbereich dimensionieren.
Druckvorlage vorbereiten
Berechnen Sie die Ausschlusszone in einer gemeinsamen Einheit und halten Sie Text sowie Beschnitt fern.
Gestaltungsvorlagen prüfen
Erzeugen Sie reproduzierbare Werte für unterschiedliche Logogrößen in Präsentationen und Dokumenten.
Häufige Fragen
Was bedeutet Schutzraum bei einem Logo?
Das ist die freie Mindestfläche rund um die Marke, die ein Bedrängen oder Verdecken durch andere Elemente verhindert.
Welches Referenzelement soll ich verwenden?
Nutzen Sie das im Markenhandbuch genannte Element, etwa die x-Höhe, eine Versalhöhe oder einen Teil des Symbols.
Gilt der Abstand für alle Seiten?
Die Berechnung liefert den Mindestwert einer Seite. Übertragen Sie ihn auf alle vier Seiten, sofern nichts anderes vorgegeben ist.
Kann ich andere Maßeinheiten als Pixel verwenden?
Ja. Wählen Sie die allgemeine Einheit und tragen Sie alle Maße in derselben Einheit ein; eine Umrechnung findet nicht statt.
Soll ich einen gebrochenen Pixelwert runden?
Behalten Sie Nachkommastellen nach Möglichkeit bei. Falls ganze Pixel nötig sind, runden Sie zum Schutz des Mindestabstands auf.
Was kostet die API?
Die API kostet $0.002 pro Anfrage. Einzelne Prüfungen können Sie auch direkt im Browser durchführen.
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/image/logo-clear-space-calc \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"logo_height":120,"reference_element_height":24,"clear_space_multiple":1.5}'const res = await fetch("https://api.kit.forhosting.com/image/logo-clear-space-calc", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"logo_height": 120,
"reference_element_height": 24,
"clear_space_multiple": 1.5
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/image/logo-clear-space-calc",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"logo_height": 120,
"reference_element_height": 24,
"clear_space_multiple": 1.5
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/image/logo-clear-space-calc", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"logo_height":120,"reference_element_height":24,"clear_space_multiple":1.5}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"logo_height":120,"reference_element_height":24,"clear_space_multiple":1.5}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/image/logo-clear-space-calc", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Beispiel-Anfrage
{
"logo_height": 120,
"reference_element_height": 24,
"clear_space_multiple": 1.5
}Beispiel-Antwort
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "image.logo_clear_space_calc",
"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 | 15 |
max_megapixels | 12 |
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. |