Vérifiez l’alignement d’une icône sur la grille

Cet outil compare les bords gauche, supérieur, droit et inférieur du cadre d’une icône aux lignes les plus proches d’une grille régulière. Indiquez le pas de la grille et, si nécessaire, une tolérance : vous obtenez un verdict global ainsi qu’un diagnostic précis pour chaque bord. Cette vérification convient aux revues de systèmes de design, aux chaînes de traitement des ressources et aux contrôles qualité automatisés qui doivent appliquer la même règle mesurable à toutes les icônes.

Décrivez l’icône et la grille dans un même repère

Saisissez le cadre de l’icône sous la forme de quatre coordonnées : gauche, haut, droite et bas. Ces quatre valeurs doivent employer la même unité et la même origine que la grille. Par exemple, si une viewBox SVG est exprimée en unités utilisateur, fournissez les coordonnées du cadre et le pas de grille dans ces unités ; si votre processus d’exportation travaille en pixels, utilisez des pixels partout. La grille est ancrée à zéro et une ligne apparaît à chaque multiple entier de son pas, dans les directions positive et négative. Avec un pas de huit, elle comporte donc des lignes à zéro, huit, seize et vingt-quatre, mais aussi à moins huit et moins seize. Les coordonnées horizontales et verticales sont traitées de façon identique, puisque l’espacement est uniforme et carré. Les valeurs fractionnaires sont acceptées, ce qui est indispensable lorsque des transformations vectorielles ou une mise à l’échelle produisent des limites sous-pixelliques. La droite peut être égale à la gauche et le bas au haut, même si une icône visible possède généralement une largeur et une hauteur positives. Les limites inversées sont refusées, car elles ne forment pas un cadre valide. Enfin, le pas doit être strictement positif : zéro ou une valeur négative entraîne une erreur de saisie plutôt qu’un verdict trompeur.

Interprétez la tolérance et le diagnostic de chaque bord

La tolérance fixe la distance maximale entre un bord et une ligne pour que ce bord soit jugé aligné. Sa valeur par défaut est zéro, ce qui impose une coïncidence exacte après normalisation stable des nombres. Une tolérance positive inclut sa limite : avec 0.02, un bord situé exactement à 0.02 unité de la ligne la plus proche réussit le contrôle. Pour chacun des quatre côtés, la réponse indique la coordonnée d’origine, la ligne de grille la plus proche, leur distance absolue et un booléen d’alignement. Elle fournit également un verdict général, vrai uniquement si tous les bords réussissent, ainsi qu’une liste recensant chaque bord non aligné. Vous disposez ainsi d’une décision rapide et d’informations directement exploitables. Une tâche d’intégration continue peut échouer selon le verdict général, tandis qu’un outil de conception peut montrer exactement quels côtés corriger. Les résultats décimaux sont normalisés à douze chiffres afin d’éviter l’affichage d’artefacts habituels liés aux nombres à virgule flottante. Si un bord se trouve exactement à mi-distance de deux lignes, celles-ci sont équivalentes ; l’algorithme en choisit une de manière déterministe, sans modifier la distance ni le verdict. La tolérance doit rester positive ou nulle et correspondre à votre processus d’exportation, sans être gonflée au point de vider la règle de son sens.

Intégrez le contrôle au processus qualité des icônes

La méthode la plus fiable consiste à mesurer les limites après les transformations réellement destinées à la publication. Une icône peut être soigneusement dessinée sur la grille dans son document source, puis acquérir des coordonnées fractionnaires lors d’une mise à l’échelle, d’une conversion des contours, d’un ajustement de viewBox ou d’une optimisation à l’exportation. Transmettez ces limites finales au vérificateur et conservez le résultat avec les autres contrôles de ressources, tels que les règles de nommage, les dimensions et la taille des fichiers. Pour une série stricte d’icônes pixellisées, choisissez une tolérance nulle si l’exportation est censée produire des coordonnées entières. Pour des ressources vectorielles anticrénelées, adoptez une petite tolérance documentée qui reflète les arrondis légitimes de vos outils. Appliquez le même pas et la même tolérance à toute la collection afin qu’une réussite ait toujours la même signification. En cas d’échec, consultez d’abord la liste des bords non alignés, puis prenez la ligne la plus proche de chaque bord comme cible de correction. Cette capacité n’évalue que le cadre : elle ne juge ni l’équilibre optique, ni les contours, ni les points de contrôle internes, ni le poids visuel, ni la pertinence artistique de la grille. Elle fournit une assertion géométrique précise, répétable et facilement automatisable, sans réseau, état caché ou interprétation propre à un logiciel.