Compruebe la alineación de iconos con la cuadrícula

Este comprobador compara los bordes izquierdo, superior, derecho e inferior del cuadro delimitador de un icono con las líneas más cercanas de una cuadrícula regular. Indique el tamaño de la cuadrícula y, si lo necesita, una tolerancia; recibirá un veredicto general y un diagnóstico claro para cada borde. Resulta útil en revisiones de sistemas de diseño, procesos de recursos gráficos y controles de calidad automatizados que deben aplicar la misma regla medible a todos los iconos.

Describa el icono y la cuadrícula en un mismo sistema de coordenadas

Introduzca el cuadro delimitador del icono mediante cuatro coordenadas: izquierda, arriba, derecha y abajo. Los cuatro valores deben emplear la misma unidad y el mismo origen que la cuadrícula. Por ejemplo, si un viewBox SVG se mide en unidades de usuario, indique tanto las coordenadas del cuadro como el tamaño de cuadrícula en esas unidades; si su proceso de exportación utiliza píxeles, use píxeles en todos los campos. La cuadrícula tiene su origen en cero y sus líneas aparecen en cada múltiplo entero del tamaño indicado, tanto en sentido positivo como negativo. Por ello, una cuadrícula de tamaño ocho contiene líneas en cero, ocho, dieciséis y veinticuatro, además de menos ocho y menos dieciséis. El análisis trata de igual forma las coordenadas horizontales y verticales porque el espaciado es uniforme y cuadrado. Se admiten coordenadas fraccionarias, algo importante cuando una transformación vectorial o un escalado genera límites de subpíxel. La coordenada derecha puede coincidir con la izquierda y la inferior con la superior, aunque un icono visible normal suele tener anchura y altura positivas. Los límites invertidos se rechazan porque no describen un cuadro válido. El tamaño de cuadrícula debe ser positivo: cero o un valor negativo producen un error de entrada, no un resultado engañoso.

Interprete la tolerancia y el resultado de cada borde

La tolerancia determina a qué distancia máxima de una línea puede encontrarse un borde para considerarse alineado. Su valor predeterminado es cero, que exige una coincidencia exacta después de normalizar los cálculos numéricos. Una tolerancia positiva es inclusiva: con 0.02, un borde situado exactamente a 0.02 unidades de la línea más cercana supera la prueba. Para cada borde, la respuesta muestra la coordenada original, la línea de cuadrícula más próxima, la distancia absoluta entre ambas y un valor booleano de alineación. También incluye un indicador general que solo es verdadero cuando cumplen los cuatro bordes y una lista de bordes desalineados con todos los fallos. Así puede tomar una decisión rápida y, al mismo tiempo, ofrecer información útil. Un proceso de integración continua puede fallar según el indicador general, mientras una herramienta de diseño señala exactamente qué lados requieren corrección. Los decimales calculados se normalizan a doce posiciones para impedir que los artefactos habituales de coma flotante aparezcan en la respuesta. Si un borde queda justo a mitad de camino entre dos líneas, ambas están igual de cerca; la implementación elige una de forma determinista, sin alterar la distancia ni el veredicto. La tolerancia debe ser cero o positiva y conviene ajustarla al proceso de exportación, no ampliarla hasta vaciar de sentido la regla.

Integre la comprobación en el control de calidad de iconos

El procedimiento más fiable mide los límites después de aplicar las transformaciones que formarán parte del recurso publicado. Un icono puede estar dibujado cuidadosamente sobre la cuadrícula en el documento original y adquirir coordenadas fraccionarias tras un escalado, la expansión de trazos, un cambio del viewBox o una optimización de exportación. Envíe esos límites finales al comprobador y guarde el resultado junto con otros controles, como las reglas de nombres, dimensiones y tamaño de archivo. Para iconos de píxel estrictos, utilice tolerancia cero si la exportación debe generar coordenadas enteras de cuadrícula. Para recursos vectoriales con antialiasing, adopte una tolerancia pequeña y documentada que refleje el redondeo legítimo de sus herramientas. Aplique el mismo tamaño y la misma tolerancia a toda la colección para que un resultado válido signifique siempre lo mismo. Ante un fallo, consulte primero la lista de bordes desalineados y use después la línea más cercana de cada borde como objetivo de corrección. Recuerde que esta capacidad solo evalúa el cuadro delimitador: no juzga el equilibrio óptico, la posición de los trazos, los puntos de control internos, el peso visual ni la idoneidad artística de la cuadrícula. Proporciona una afirmación geométrica limitada, repetible y fácil de automatizar sin red, estado oculto ni interpretaciones propias de una herramienta.