Regola dei terzi: linee e punti in pixel

Lei può usare il risultato per collocare guide compositive in un editor, un’interfaccia fotografica, uno strumento di ritaglio, un sistema di design o un flusso automatizzato. Se una dimensione non è divisibile per tre, le coordinate frazionarie restano intatte affinché l’ambiente grafico scelga il comportamento di rendering più adatto.

Che cosa rappresentano le coordinate della regola dei terzi

Una sovrapposizione della regola dei terzi divide un’immagine rettangolare in tre colonne e tre righe uguali. Questo calcolatore posiziona le guide verticali a un terzo e due terzi della larghezza fornita, quindi quelle orizzontali a un terzo e due terzi dell’altezza. Gli incroci generano quattro riferimenti spesso usati per collocare un soggetto, un volto, un dettaglio dell’orizzonte o un altro elemento visivo importante. L’origine delle coordinate è nell’angolo superiore sinistro: x aumenta verso destra e y verso il basso. È la convenzione comune dei sistemi raster, dei canvas web, dei browser e degli editor di immagini. La risposta conserva larghezza e altezza originali e separa linee verticali, linee orizzontali e intersezioni per renderne semplice l’utilizzo. Non esamina i pixel, non giudica la composizione, non ritaglia l’immagine e non sposta alcun soggetto. Fornisce una geometria deterministica che un’altra applicazione può disegnare, archiviare, confrontare o adoperare come guida compositiva.

Come vengono gestiti pixel frazionari e validazione

Ogni coordinata viene calcolata direttamente dalla dimensione completa, senza arrotondamenti intermedi. Con una larghezza di 1200 pixel, le guide verticali si trovano esattamente ai valori x 400 e 800. Con 1000 pixel, risultano 333.3333333333333 e 666.6666666666666 nella rappresentazione numerica di JavaScript. Conservare le frazioni è importante perché i sistemi di rendering hanno esigenze diverse: un canvas vettoriale può disegnare in posizioni subpixel, mentre un processo raster può preferire l’arrotondamento per difetto, per eccesso, all’intero più vicino o in base al dispositivo. Imporre una regola arbitraria nel calcolatore eliminerebbe questa scelta e potrebbe rendere una regione esterna più larga dell’altra. Larghezza e altezza devono essere interi positivi e finiti, perché descrivono le dimensioni di un’immagine raster. Il valore zero viene rifiutato espressamente: un’immagine priva di larghezza o altezza non offre un’area geometrica utile. Anche valori negativi, frazioni, campi mancanti, stringhe, infiniti e dati non numerici producono un errore di input non valido.

Come usare il risultato negli editor e nei flussi automatici

Per disegnare la sovrapposizione, tracci ogni guida verticale da y uguale a zero fino all’altezza completa, alla coordinata x restituita. Tracci poi ogni guida orizzontale da x uguale a zero fino alla larghezza completa, alla relativa coordinata y. I quattro punti di intersezione già elencati possono diventare maniglie, bersagli, marcatori o riferimenti di aggancio senza calcolare altre combinazioni. In un’anteprima responsiva, esegua il calcolo sulle dimensioni reali dell’immagine in pixel, non sulla misura CSS visualizzata, quindi applichi alle coordinate lo stesso fattore di scala. In un flusso di ritaglio, calcoli i terzi sul rettangolo finale dopo averne stabilito le dimensioni, poiché le guide appartengono all’inquadratura definitiva. La funzione è pura e non usa rete, casualità, data e ora, decodifica di immagini o stato memorizzato. Input identici producono sempre lo stesso JSON, caratteristica utile per strumenti web, validazioni server, test e procedure riproducibili. Nel browser l’uso è gratuito; una richiesta API costa $0.002.