Verifichi l’allineamento di un’icona alla griglia

Questo strumento confronta i bordi sinistro, superiore, destro e inferiore del riquadro delimitatore di un’icona con le linee più vicine di una griglia regolare. Inserisca la dimensione della griglia e una tolleranza facoltativa: riceverà un esito complessivo e una diagnosi chiara per ciascun bordo. È utile nelle revisioni dei sistemi di design, nelle pipeline delle risorse e nei controlli di qualità automatici in cui la stessa regola misurabile deve valere per tutte le icone.

Descriva icona e griglia nello stesso sistema di coordinate

Inserisca il riquadro dell’icona mediante quattro coordinate: sinistra, alto, destra e basso. Tutti i valori devono usare la stessa unità e la stessa origine della griglia. Per esempio, se il viewBox di un SVG è misurato in unità utente, fornisca sia le coordinate del riquadro sia la dimensione della griglia in tali unità; se il flusso di esportazione usa i pixel, impieghi i pixel in ogni campo. La griglia ha origine in zero e le linee ricorrono a ogni multiplo intero della dimensione scelta, nelle direzioni positiva e negativa. Una griglia di dimensione otto presenta quindi linee in zero, otto, sedici e ventiquattro, nonché in meno otto e meno sedici. Il controllo tratta allo stesso modo le coordinate orizzontali e verticali, poiché la spaziatura è quadrata e uniforme. Accetta coordinate frazionarie, necessarie quando trasformazioni vettoriali o ridimensionamenti producono limiti subpixel. La coordinata destra può coincidere con la sinistra e quella inferiore con la superiore, anche se un’icona visibile ha normalmente larghezza e altezza positive. I limiti invertiti vengono rifiutati perché non descrivono un riquadro valido. Soprattutto, la dimensione della griglia deve essere positiva: zero o un valore negativo restituiscono un errore di input invece di un esito fuorviante.

Interpreti la tolleranza e l’esito di ogni bordo

La tolleranza stabilisce quanto un bordo può distare da una linea per risultare allineato. Il valore predefinito è zero, quindi richiede una coincidenza esatta dopo la normalizzazione numerica stabile. Una tolleranza positiva comprende anche il limite: con 0.02, un bordo distante esattamente 0.02 unità dalla linea più vicina supera il controllo. Per ogni lato, la risposta indica la coordinata originale, la linea di griglia più prossima, la distanza assoluta e un valore booleano di allineamento. Include inoltre un esito generale, vero soltanto se passano tutti e quattro i bordi, e un elenco che nomina ogni bordo fuori griglia. Questa combinazione consente sia decisioni rapide sia indicazioni utili. Un processo di integrazione continua può interrompersi in base all’esito generale, mentre uno strumento di progettazione può mostrare con precisione quali lati correggere. I calcoli decimali vengono normalizzati a dodici posizioni per evitare che nella risposta compaiano i consueti artefatti in virgola mobile. Se un bordo è esattamente a metà fra due linee, entrambe hanno la stessa distanza; l’implementazione ne sceglie una in modo deterministico senza modificare la distanza né l’esito. La tolleranza deve essere zero o positiva e va scelta in funzione dell’esportazione, non ampliata fino a rendere inutile la regola.

Inserisca il controllo nel flusso di qualità delle icone

Il metodo più affidabile misura i limiti dopo le trasformazioni che saranno effettivamente pubblicate. Un’icona può essere disegnata con cura sulla griglia nel documento sorgente e acquisire comunque coordinate frazionarie dopo un ridimensionamento, l’espansione delle tracce, una modifica del viewBox o l’ottimizzazione dell’esportazione. Invii al controllo questi limiti finali e conservi il risultato insieme alle altre verifiche delle risorse, come regole sui nomi, dimensioni e peso dei file. Per un set rigoroso di icone pixel, usi tolleranza zero quando l’esportazione deve produrre coordinate intere della griglia. Per le risorse vettoriali con antialiasing, adotti una piccola tolleranza documentata che rappresenti gli arrotondamenti legittimi degli strumenti. Applichi la stessa dimensione e tolleranza a tutta la raccolta, affinché un esito positivo abbia sempre lo stesso significato. In caso di errore, consulti prima l’elenco dei bordi disallineati e usi poi la linea più vicina indicata per ciascuno come obiettivo della correzione. Questa capacità valuta soltanto il riquadro delimitatore: non giudica equilibrio ottico, posizione delle tracce, punti di controllo interni, peso visivo o adeguatezza artistica della griglia. Offre invece un’affermazione geometrica circoscritta, ripetibile e facilmente automatizzabile, senza rete, stato nascosto o interpretazioni legate a uno specifico programma.