Ridimensionare le immagini: pixel, proporzioni e DPI

Pixel, dimensioni e peso del file

Un’immagine digitale è una griglia di pixel. Le sue dimensioni, ad esempio 4000 × 3000, indicano i pixel in orizzontale e in verticale; moltiplicate tra loro danno il numero di pixel, in questo caso 12 milioni (12 megapixel). Ridimensionare sostituisce quella griglia con una nuova e calcola ogni nuovo pixel a partire da quelli vecchi: è il cosiddetto ricampionamento.

Il numero di pixel cresce con il quadrato dei lati: dimezzando larghezza e altezza resta un quarto dei pixel. Per questo ridurre le dimensioni è spesso il modo più efficace per alleggerire un file, anche se contano pure il formato, l’impostazione di qualità e la quantità di dettagli fini. Per mostrare o modificare un’immagine, i programmi la decodificano in pixel non compressi, in genere da 4 byte ciascuno, quindi una foto da 12 megapixel occupa circa 48 MB di memoria, per quanto leggero sia il file.

Mantenere le proporzioni o ritagliare prima

Le proporzioni sono il rapporto tra larghezza e altezza: 4000 × 3000 è 4:3 e 1920 × 1080 è 16:9. Se le mantieni, scegli un lato e l’altro si adegua: una foto 4000 × 3000 ridimensionata a una larghezza di 1.200 pixel diventa 1200 × 900. Se imposti liberamente entrambi i lati, un’immagine con proporzioni diverse viene stirata o schiacciata e i cerchi diventano ovali.

Per ottenere una dimensione esatta con una forma diversa senza distorsioni, ritaglia prima nelle proporzioni di destinazione, poi ridimensiona. In un gruppo di foto verticali e orizzontali, una larghezza fissa rende alte le immagini verticali: una foto 3000 × 4000 portata a una larghezza di 1.200 pixel diventa 1200 × 1600.

Rimpicciolire o ingrandire le immagini

Quando un’immagine viene ridotta, ogni nuovo pixel dovrebbe riassumere diversi pixel originali. Un metodo veloce che campiona solo pochi pixel vicini salta dei dettagli nelle riduzioni forti, e questo si vede come bordi seghettati e motivi tremolanti (aliasing o effetto moiré) su tessuti, linee sottili e testo. Un ricampionamento migliore tiene conto di più pixel di partenza. Lo strumento Ridimensiona immagini di LeedyBox riduce l’immagine in passaggi successivi, dimezzandola ogni volta e facendo la media dei pixel vicini, il che con il ridimensionamento del browser dà risultati più uniformi. Le immagini ridotte di molto possono comunque apparire leggermente morbide; LeedyBox non ne aumenta la nitidezza.

Ingrandire significa stimare i nuovi pixel a partire da quelli vicini, quindi i bordi diventano morbidi o squadrettati e non compare alcun dettaglio nuovo. I software specializzati nell’ingrandimento possono aggiungere dettagli dall’aspetto plausibile, ma si tratta di dettagli generati, non recuperati. Se ti serve un’immagine più grande, quando possibile riparti da un originale più grande.

DPI, PPI e dimensioni di stampa

Il valore DPI (punti per pollice), o più precisamente PPI (pixel per pollice), è un numero memorizzato in alcuni file immagine. Indica ai programmi di stampa e impaginazione a quale dimensione stampare i pixel; non modifica i pixel. Dimensione di stampa in pollici = pixel ÷ PPI (moltiplica per 2,54 per ottenere i centimetri).

Cambiare solo il valore DPI modifica la dimensione di stampa, ma i pixel restano gli stessi, quindi sullo schermo l’immagine appare identica. Per stampare in modo nitido servono abbastanza pixel: una stampa da 6 × 4 pollici a 300 PPI richiede 1800 × 1200 pixel. Per le foto osservate da vicino si consigliano spesso circa 300 PPI; le stampe grandi guardate da lontano possono accontentarsi di meno. LeedyBox non conserva il valore DPI dell’originale, quindi imposta la dimensione di stampa al momento di stampare.

Scegliere le dimensioni per pagine web e schermi

In una pagina web conta la larghezza con cui l’immagine viene visualizzata. I layout si misurano in pixel CSS e gli schermi ad alta densità usano due o più pixel del dispositivo per ogni pixel CSS in ciascuna direzione. Un’immagine mostrata a 600 pixel CSS di larghezza richiede quindi circa 1.200 pixel per apparire perfettamente nitida su un display «2×», mentre una foto da 4.000 pixel nello stesso spazio spreca banda e memoria.

Misura la larghezza massima di visualizzazione nel tuo layout, ad esempio con gli strumenti per sviluppatori del browser. Con gli attributi srcset e sizes puoi offrire la stessa immagine in diverse larghezze, ad esempio 600, 1200 e 1800 pixel, e il browser scarica quella adatta allo schermo. Se un modulo di caricamento, un negozio online o un social network richiede dimensioni particolari, consulta la sua documentazione aggiornata, perché questi requisiti variano e cambiano nel tempo.

Scelta del formato e ridimensionamento in blocco con LeedyBox

Dopo il ridimensionamento, scegli il formato in base al contenuto. Le foto di solito sono più leggere in JPG o WebP. Screenshot, loghi e immagini con trasparenza sono adatti al PNG o al WebP, che supporta anche la trasparenza. Il JPG non può memorizzare la trasparenza, quindi le aree trasparenti diventano bianche, e una foto salvata in PNG può risultare più pesante del JPG originale. Per i dettagli vedi JPG, PNG, WebP o AVIF.

Lo strumento Ridimensiona immagini di LeedyBox elabora molte immagini in una sola volta, nel tuo browser, senza caricarle:

• Scegli Pixel o Percentuale (da 1 a 400%). Con «Mantieni le proporzioni» attivo, ogni immagine conserva le proprie proporzioni.
• Le immagini più piccole della dimensione di destinazione non vengono ingrandite, a meno che tu non disattivi questa opzione.
• «Come l’originale» mantiene JPG, PNG e WebP e salva GIF, BMP e AVIF come PNG. JPG e WebP usano la qualità 90, a meno che tu non la modifichi.
• L’orientamento della fotocamera viene applicato, i metadati non vengono copiati e due o più risultati possono essere scaricati in un file ZIP.

Per alleggerire ancora di più i file, usa Comprimi immagini e leggi Le impostazioni di compressione delle immagini spiegate.

Domande frequenti