Generatore di griglie di impaginazione (PNG e SVG)
Imposta formato, margini, colonne, righe e griglia di base e scarica la griglia come PNG trasparente o come SVG in scala reale, per Photoshop, Illustrator e InDesign.
Anteprima
Misure
- Larghezza colonna
- 25,83 mm
- Altezza riga
- 63,00 mm
- PNG
- 2480 × 3508 px
Come funziona
I margini delimitano l'area del contenuto. Le colonne e le righe la dividono in parti uguali, separate dagli spazi che imposti; dove una colonna incrocia una riga nasce un campo.
Con le pagine affiancate (libri, riviste, opuscoli) i margini sono interno (verso la piegatura) ed esterno, specchiati tra pagina sinistra e destra. I file mostrano allora la doppia pagina.
La griglia di base parte dal margine superiore. Se le righe seguono la griglia di base, ogni riga e ogni spazio tra le righe diventa un numero intero di linee; lo spazio che avanza va al margine inferiore.
Con i campi quadrati le righe sono alte quanto le colonne sono larghe e lo spazio tra le righe è uguale a quello tra le colonne. Il numero di righe risulta dal formato e dai margini: tante quante ne entrano, il resto va al margine inferiore.
Il PNG è trasparente e contiene la risoluzione scelta, così ha le dimensioni del documento. Se la larghezza in pixel non si divide esattamente, alcune colonne sono larghe un pixel in più: lo strumento lo indica.
L'SVG è vettoriale, nelle dimensioni reali (per esempio 210 mm) e nell'unità scelta. I campi e la griglia di base sono gruppi separati, da mostrare o nascondere singolarmente.
Tutto viene calcolato nel browser: nessun dato lascia il tuo dispositivo. Il link della pagina contiene le impostazioni e si può salvare o condividere.
Guide vere in Photoshop, Illustrator e InDesign
Lo script (.jsx) crea la griglia come guide nel documento aperto: guide che agganciano e non vengono stampate. Apri prima un documento delle dimensioni della griglia; con un'altra dimensione lo script lo segnala e non cambia nulla. I nomi dei menu sono quelli della versione inglese delle applicazioni.
- Photoshop: File > Scripts > Browse… e scegli il file. Le guide valgono per tutto il documento.
- Illustrator: File > Scripts > Other Script… e scegli il file (Illustrator può mostrare prima un avviso di sicurezza). Ogni tavola da disegno delle dimensioni giuste riceve la griglia, sul livello «Grid guides».
- InDesign: Window > Utilities > Scripts, clic destro su «User» > Reveal in Finder (o Explorer), copia il file nella cartella e fai doppio clic sullo script nel pannello. Le guide vanno sulle pagine mastro, quindi su tutte le pagine; lo script imposta anche margini, colonne e griglia di base.
Fonti
- SI Units – Length (1 inch = 25.4 mm exactly), National Institute of Standards and Technology (NIST) (consultato il 20 ottobre 2026)
- CSS Values and Units Module Level 3, absolute lengths (1pt = 1/72 in), World Wide Web Consortium (W3C) (consultato il 20 ottobre 2026)
- Portable Network Graphics (PNG) Specification, pHYs chunk, World Wide Web Consortium (W3C) (consultato il 20 ottobre 2026)