ForHosting KIT · Bilder bearbeiten & analysieren

Prüfen Sie die Ausrichtung eines Symbols am Raster

Raster verleihen einer Symbolsammlung ein einheitliches Erscheinungsbild, doch kleine Koordinatenabweichungen sind mit bloßem Auge kaum zuverlässig zu erkennen.

● BetaKostenlos · im Browser
Nutzen Sie es über WebAPIE-MailTelegramApp bald

Läuft direkt in Ihrem Browser – kostenlos. Ihre Datei verlässt Ihren Browser nicht und wird an keinen Server übertragen.

Dieses Werkzeug vergleicht den linken, oberen, rechten und unteren Rand des Begrenzungsrahmens mit den nächstgelegenen Linien eines regelmäßigen Rasters. Geben Sie Rasterabstand und optional eine Toleranz an; Sie erhalten eine Gesamtbewertung und eine verständliche Diagnose für jeden Rand. Die Prüfung eignet sich für Designsystem-Abnahmen, Asset-Pipelines und automatisierte Qualitätskontrollen, bei denen dieselbe messbare Regel für sämtliche Symbole gelten soll.

Beschreiben Sie Symbol und Raster im selben Koordinatensystem

Geben Sie den Begrenzungsrahmen des Symbols mit vier Koordinaten an: links, oben, rechts und unten. Alle vier Werte müssen dieselbe Einheit und denselben Ursprung wie das Raster verwenden. Wird etwa die viewBox einer SVG-Datei in Benutzereinheiten gemessen, geben Sie sowohl die Rahmenkoordinaten als auch den Rasterabstand in diesen Einheiten an; arbeitet Ihr Exportablauf mit Pixeln, verwenden Sie durchgehend Pixel. Das Raster ist bei null verankert. Seine Linien liegen bei jedem ganzzahligen Vielfachen des Rasterabstands in positiver wie negativer Richtung. Ein Abstand von acht erzeugt folglich Linien bei null, acht, sechzehn und vierundzwanzig sowie bei minus acht und minus sechzehn. Horizontale und vertikale Koordinaten werden gleich behandelt, da das Raster quadratisch und gleichmäßig ist. Dezimalwerte sind zulässig und wichtig, wenn Vektortransformationen oder Skalierungen Subpixelgrenzen erzeugen. Der rechte Wert darf dem linken und der untere dem oberen entsprechen, auch wenn sichtbare Symbole normalerweise eine positive Breite und Höhe besitzen. Vertauschte Grenzen werden abgelehnt, weil sie keinen gültigen Rahmen darstellen. Vor allem muss der Rasterabstand positiv sein: null oder ein negativer Wert führt zu einem Eingabefehler statt zu einer irreführenden Bewertung.

Deuten Sie Toleranz und Ergebnisse der einzelnen Ränder

Die Toleranz bestimmt, wie weit ein Rand höchstens von einer Rasterlinie entfernt sein darf, um noch als ausgerichtet zu gelten. Der Standardwert null verlangt nach stabiler numerischer Normalisierung eine exakte Übereinstimmung. Eine positive Toleranz schließt ihren Grenzwert ein: Bei 0.02 besteht ein Rand die Prüfung auch dann, wenn er genau 0.02 Einheiten von der nächsten Linie entfernt ist. Für jede Seite nennt die Antwort die ursprüngliche Koordinate, die nächste Rasterlinie, den absoluten Abstand und einen booleschen Ausrichtungswert. Zusätzlich enthält sie eine Gesamtbewertung, die nur bei vier bestandenen Rändern wahr ist, und eine Liste sämtlicher nicht ausgerichteter Ränder. Damit erhalten Sie zugleich eine schnelle Entscheidung und konkrete Hinweise. Eine Continuous-Integration-Aufgabe kann anhand der Gesamtbewertung fehlschlagen, während ein Designwerkzeug genau die zu korrigierenden Seiten markiert. Berechnete Dezimalwerte werden auf zwölf Stellen normalisiert, damit übliche Gleitkommaartefakte nicht in der Antwort erscheinen. Liegt ein Rand genau zwischen zwei Linien, sind beide gleich nah; die Implementierung wählt eine deterministisch aus, ohne Abstand oder Urteil zu verändern. Die Toleranz muss mindestens null betragen und sollte Ihrem Exportverfahren entsprechen, statt die Rasterregel durch einen übergroßen Wert bedeutungslos zu machen.

Binden Sie die Prüfung in Ihre Symbolqualitätssicherung ein

Am zuverlässigsten messen Sie die Grenzen nach allen Transformationen, die tatsächlich ausgeliefert werden. Ein Symbol kann im Quelldokument sorgfältig am Raster gezeichnet worden sein und dennoch durch Skalierung, Konturerweiterung, eine viewBox-Anpassung oder Exportoptimierung Dezimalkoordinaten erhalten. Übergeben Sie diese endgültigen Grenzen an die Prüfung und speichern Sie das Ergebnis neben anderen Asset-Kontrollen wie Benennungsregeln, Abmessungen und Dateigrößen. Verwenden Sie für strenge Pixelsymbol-Sätze eine Toleranz von null, wenn der Export ganzzahlige Rasterkoordinaten liefern soll. Legen Sie für geglättete Vektorgrafiken eine kleine, dokumentierte Toleranz fest, die legitime Rundungen Ihrer Werkzeuge abbildet. Nutzen Sie in der gesamten Sammlung denselben Rasterabstand und dieselbe Toleranz, damit ein positives Ergebnis stets dasselbe bedeutet. Prüfen Sie bei einem Fehlschlag zuerst die Liste der nicht ausgerichteten Ränder und verwenden Sie anschließend die jeweils genannte nächste Rasterlinie als Korrekturziel. Beachten Sie, dass diese Fähigkeit nur den Begrenzungsrahmen bewertet. Sie beurteilt weder optische Balance noch Konturplatzierung, interne Kontrollpunkte, visuelles Gewicht oder die gestalterische Eignung des gewählten Rasters. Stattdessen liefert sie eine eng umrissene, reproduzierbare und leicht automatisierbare geometrische Aussage ohne Netzwerk, verborgenen Zustand oder werkzeugspezifische Auslegung.

Setzen Sie das Designsystem-Raster durch

Prüfen Sie jedes eingereichte Symbol mit demselben Rasterabstand und derselben Toleranz, bevor es in die gemeinsame Bibliothek gelangt.

Erkennen Sie Verschiebungen beim Export

Kontrollieren Sie endgültige SVG- oder Bitmapgrenzen, wenn Skalierung und Optimierung Dezimalkoordinaten eingeführt haben.

Machen Sie fehlgeschlagene Prüfungen verständlich

Geben Sie nächste Linie und Abstand jedes Randes aus, damit Mitwirkende genau erkennen, was zu korrigieren ist.

Was kostet eine Prüfung?

Jede Prüfung über die API kostet $0.002. Die Browserversion lässt sich auf dieser Seite lokal ausführen.

Wo liegt der Ursprung des Rasters?

Das Raster ist bei null verankert. Linien liegen bei jedem positiven und negativen ganzzahligen Vielfachen des Abstands.

Ist der Grenzwert in der Toleranz enthalten?

Ja. Ein Rand, dessen Abstand genau der Toleranz entspricht, gilt als ausgerichtet.

Dürfen Koordinaten und Rasterabstand Dezimalwerte sein?

Ja. Alle Zahlen dürfen Dezimalwerte sein, sofern sie endlich sind und dasselbe Koordinatensystem verwenden.

Was geschieht bei einem Rasterabstand von null oder weniger?

Die Anfrage liefert einen Eingabefehler, da ein nicht positiver Abstand kein Raster definieren kann.

Untersucht das Werkzeug eine SVG- oder Bilddatei?

Nein. Es prüft übergebene Rahmenkoordinaten; die Ermittlung aus einer Datei muss im vorherigen Arbeitsschritt erfolgen.

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.

POSThttps://api.kit.forhosting.com/image/icon-grid-alignment-check

Authentifizierung per Bearer-Token. Ein einziger POST stellt die Aufgabe in die Warteschlange; das Ergebnis erhalten Sie per Webhook oder über einen signierten Link.

curl -X POST https://api.kit.forhosting.com/image/icon-grid-alignment-check \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"bounding_box":{"left":16.02,"top":7.99,"right":47.98,"bottom":40.01},"grid_size":8}'
{
  "bounding_box": {
    "left": 16.02,
    "top": 7.99,
    "right": 47.98,
    "bottom": 40.01
  },
  "grid_size": 8
}
{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "image.icon_grid_alignment_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.

pro Anfrage$0.002

Der Preis steht auf der Seite – keine Tokens, keine Credits. Fehlgeschlagene Aufgaben werden nicht berechnet.

max_mb15
max_megapixels12
HTTPCodeBedeutung
401unauthorizedDer API-Schlüssel fehlt oder ist ungültig – prüfen Sie den Authorization-Header (Bearer).
402insufficient_balanceIhr Guthaben reicht für diese Aufgabe nicht aus – Aufladungen verfallen nicht.
404unknown_typeUnbekannter Aufgabentyp – prüfen Sie das Feld „type“ gegen den Katalog.
429rate_limitedZu viele Anfragen – warten Sie kurz; Polling ist mit 1 Anfrage pro Sekunde erlaubt.

Vollständige KIT-Dokumentation lesen →