CodeKitHubChe cos'è questo strumento?
Un divisore di immagini divide una singola immagine sorgente in una griglia di tessere più piccole di dimensioni uguali, più comunemente per il trend "grid layout" di Instagram, in cui un'unica foto larga o illustrazione viene pubblicata come sequenza di immagini quadrate individuali che si ricompongono nell'originale quando viste insieme sulla griglia del profilo.
La tecnica in sé è semplice geometria — larghezza e altezza dell'immagine sorgente vengono divise rispettivamente per il numero di colonne e righe, e ogni rettangolo risultante viene ritagliato come file a sé — ma farlo con precisione a mano in un editor fotografico generico è complicato e soggetto a errori, specialmente per una griglia 3x3 o più grande, dove un piccolo disallineamento su una tessera compromette l'intera sequenza.
Questo strumento calcola con precisione i confini della griglia a partire dalle dimensioni effettive in pixel dell'immagine e renderizza ogni tessera usando l'API HTML5 Canvas interamente nel tuo browser, così ogni tessera si allinea esattamente e l'immagine stessa non deve mai lasciare il tuo dispositivo.
Perché usarlo?
- Hai un'illustrazione panoramica commissionata da un artista e vuoi lanciarla come reveal a effetto sulla tua griglia Instagram — dividila in 3x3 e pubblica le nove tessere per ricreare l'opera intera sul tuo profilo.
- Gestisci l'account di un brand e devi pubblicare un banner promozionale largo come carosello: 1x4 lo taglia in quattro pannelli sequenziali senza che tu debba misurare pixel a mano in Photoshop.
- Hai provato a ritagliare le tessere manualmente in un editor generico e la griglia risultava sfalsata di qualche pixel — qui i confini sono calcolati matematicamente sulle dimensioni reali del file, quindi ogni tessera combacia perfettamente con la successiva.
- Devi consegnare a un cliente social media un set di tessere pronte all'uso: genera l'intera griglia e scarica tutto in un solo ZIP invece di esportare nove file separati uno per uno.
- Prima di pubblicare, vuoi controllare che il volto del soggetto non finisca tagliato esattamente sul bordo tra due tessere — l'anteprima ti mostra il risultato finale prima di scaricare qualsiasi cosa.
- Lavori con foto di prodotto riservate prima del lancio: tutto il taglio avviene nel browser via Canvas, quindi l'immagine non viene mai caricata su un server esterno prima del giorno del lancio.
Come si usa
- Clicca sulla zona di rilascio (o trascina e rilascia) per scegliere un'immagine dal tuo dispositivo.
- Scegli una dimensione della griglia — 1x2, 1x3, 2x2, 3x3 o 1x4 — dal menu a tendina.
- Visualizza in anteprima le tessere risultanti istantaneamente sotto i controlli.
- Clicca "Scarica tutto (ZIP)" per ottenere ogni tessera come file PNG numerato in un unico archivio ZIP.
Esempio
Input
Una foto quadrata 1200×1200px, griglia: 3x3Risultato
9 tessere da 400×400px ciascuna, da tile-1.png a tile-9.pngLe tessere sono numerate da sinistra a destra, dall'alto verso il basso — lo stesso ordine in cui le caricheresti su Instagram (partendo dalla tessera in basso a destra e procedendo all'indietro, così che man mano che pubblichi nuovi post, le tessere più vecchie vengono spinte verso il basso e la griglia si ricompone correttamente).
Dimensioni di griglia comuni e i loro usi
Dimensioni di griglia diverse si adattano a diversi tipi di post e reveal.
| Griglia | Tessere | Uso tipico |
|---|---|---|
| 1x2 | 2 | Semplice confronto prima/dopo o reveal in due parti |
| 2x2 | 4 | Piccolo reveal quadrato, rapido da pubblicare |
| 1x3 | 3 | Una singola riga su tre post consecutivi |
| 3x3 | 9 | Presa completa della griglia del profilo — il classico layout a griglia di Instagram |
| 1x4 | 4 | Un panorama largo diviso su quattro post in fila |
Strumenti correlati
Per altre modifiche di immagini locali, prova questi strumenti.
→ Ridimensionatore di Immagini · Compressore di Immagini · Ritagliatore di Immagini
Prima di pubblicare: controlli utili
- Verifica che l'immagine sorgente abbia una risoluzione alta (almeno 1500px di lato per una griglia 3x3), altrimenti le singole tessere risulteranno sfocate quando Instagram le ricomprime.
- Evita testo o elementi grafici piccoli vicino ai bordi delle tessere: nella vista griglia c'è sempre un piccolo margine visivo tra i post, e i dettagli al confine rischiano di sparire.
- Se il soggetto principale della foto (un volto, un logo) cade esattamente sul confine tra due tessere, valuta di ritagliare leggermente l'immagine prima di dividerla per spostarlo al centro di una tessera.
- Pubblica sempre le tessere in una sessione ravvicinata: se altri post si intromettono nel mezzo, la sequenza sulla griglia si romperà.
Domande frequenti
Quale dimensione di griglia dovrei usare per una griglia profilo Instagram?
3x3 (9 tessere) è la scelta più comune poiché riempie esattamente una volta la vista a tre colonne standard del profilo Instagram. Una divisione 2x2 o 1x3 funziona per un reveal più piccolo che non occupa tutta la tua griglia recente.
In che ordine dovrei pubblicare le tessere?
Poiché la griglia di Instagram mostra prima i post più recenti (in alto a sinistra), generalmente devi pubblicare le tessere in ordine inverso — iniziando dalla tessera in basso a destra della griglia e finendo con quella in alto a sinistra — così che, una volta pubblicate tutte le tessere, si leggano correttamente da sinistra a destra, dall'alto verso il basso.
L'immagine deve essere un quadrato perfetto?
No, ma per un layout a griglia simmetrico (come 3x3) un'immagine sorgente quadrata dà tessere quadrate, il che corrisponde al modo in cui Instagram ritaglia i post a griglia quadrata. Un'immagine non quadrata verrà comunque divisa in modo uniforme, ma in tessere rettangolari anziché quadrate.
In quale formato file vengono salvate le tessere?
Ogni tessera viene esportata come file PNG all'interno dell'archivio ZIP scaricato, il che preserva la qualità senza ricompressione con perdita.
La mia immagine viene caricata da qualche parte?
No. L'immagine viene letta direttamente nel tuo browser e divisa usando l'API Canvas interamente lato client. Nulla viene inviato a un server — anche il file ZIP viene assemblato localmente nel tuo browser.
Perché la mia immagine appare leggermente ritagliata dopo la divisione?
Se la larghezza o l'altezza dell'immagine non è divisibile in modo esatto per il numero di colonne o righe, lo strumento arrotonda i confini delle tessere ai pixel interi più vicini, il che può tagliare via un pixel o due dal bordo. Per una griglia perfettamente uniforme, usa immagini le cui dimensioni sono già multipli del numero di tessere per lato.
Posso usare questo strumento anche per un post a griglia su altre piattaforme oltre a Instagram?
Sì — le tessere sono semplici file PNG numerati, quindi funzionano ovunque tu voglia pubblicare una sequenza di immagini che si ricompongono, incluse gallerie Pinterest, thread Twitter/X con immagini multiple o portfolio online.
Cosa succede se pubblico le tessere nell'ordine sbagliato?
La griglia sembrerà mescolata finché non correggi l'ordine — Instagram non riordina i post automaticamente. Se sbagli, l'unica soluzione è eliminare i post pubblicati fuori ordine e ripubblicarli nella sequenza corretta.
Lo strumento comprime le tessere, perdendo qualità?
No, ogni tessera viene esportata come PNG, un formato senza perdita di qualità. Se l'immagine originale era già compressa (ad esempio un JPEG di bassa qualità), quella compressione resta visibile nelle tessere, ma lo strumento stesso non aggiunge ulteriore perdita.