grid_on Divisore Griglia Immagine star

Come Funziona

Lo strumento carica la tua foto su un canvas HTML, divide quel canvas in una griglia N×M in base al numero di righe e colonne che scegli, e ritaglia ogni cella come immagine a sé tramite l'estrazione di regione da canvas — nessun server vede mai i pixel. Ogni tessera risultante viene offerta come download PNG separato alla stessa risoluzione della regione di ritaglio originale, quindi un'immagine da 3000×3000px divisa in una griglia 3×3 produce nove tessere da 1000×1000px.

Il caso d'uso specifico attorno a cui è pensato questo strumento — la griglia multi-post di Instagram — esiste perché Instagram non ha mai supportato in modo nativo un unico post multi-immagine a "puzzle" che si estenda su più caselle della griglia del profilo. Per simulare questo effetto, i creator hanno dovuto pre-dividere manualmente un'immagine larga in singole tessere quadrate e caricare ciascuna come post separato. Poiché la griglia del profilo Instagram mostra i post dal più recente, leggendo da sinistra a destra e dall'alto in basso, le tessere vanno caricate nell'ordine inverso rispetto alla normale lettura dell'immagine — partendo dalla tessera in basso a destra e procedendo all'indietro, da destra a sinistra all'interno di ogni riga, con la riga inferiore prima di quelle superiori — così che, una volta pubblicati tutti e nove i post, la visualizzazione dal più recente li ricompone nella corretta immagine da sinistra a destra e dall'alto in basso.

Esempio: per una griglia 3×3, la tessera 1 (in alto a sinistra nell'immagine) deve essere l'ultimo post che carichi; la tessera 9 (in basso a destra nell'immagine) deve essere il primo. Caricare le tessere nell'ordine di lettura dell'immagine produce invece una griglia disordinata e apparentemente speculare sul profilo — è l'errore più comune con questa tecnica.

Cosa Sapere

• Il rapporto d'aspetto conta: un'immagine sorgente quadrata (1:1) si divide in tessere quadrate pulite per Instagram; una foto non quadrata produce tessere non quadrate, il che va bene per i poster ma verrà ritagliato dal crop quadrato automatico di Instagram a meno di riquadrare prima l'immagine in un formato quadrato.
• Ritaglio senza perdita: ogni tessera viene estratta a piena risoluzione dalla bitmap originale ed esportata come PNG, quindi il ritaglio in sé non introduce alcun artefatto di compressione — l'eventuale perdita di qualità successiva dipende dalla piattaforma che la ricomprime al momento del caricamento.
• L'ordine di pubblicazione è tutto il trucco: la divisione in sé è semplice; far apparire correttamente la griglia dipende interamente dal pubblicare le tessere in ordine di lettura inverso, partendo da quella in basso a destra.
• Non solo per Instagram: la stessa divisione N×M funziona per stampare un grande poster su più fogli di carta, o per qualsiasi altro progetto che richieda di dividere una singola immagine in una griglia regolare di tessere.