Immagini per il web

Nel corso delle sessioni di formazione sul nostro sistema di gestione dei contenuti, Linea 58, dedico sempre qualche minuto per spiegare come trattare le immagini da usare sul web e invito a controllare che queste abbiano una risoluzione di 72 dpi.

Ma che cos’è la risoluzione?

La risoluzione è una misura della qualità di un’immagine, ovvero il numero di punti per superficie che la compongono. Più alta è la densità dei pixel (i punti elementari che costituiscono un’immagine) e migliore sarà la resa della nostra foto o disegno che vogliamo trattare.

La risoluzione si misura in punti per pollice, in inglese “dot per inch” (da cui l’acronimo dpi) e maggiore è la definizione di un’immagine, migliore è la qualità della stessa.

Ma allora perchè limitarla a soli 72 dpi? Perché le immagini per il web sono destinate ad essere visualizzate su monitor, e la risoluzione dei monitor è proprio 72dpi.

Vista su un monitor, una foto a 600 dpi non è migliore di una a 72.

Ma pubblicare su un sito un file ad alta definizione non è solo inutile, è addirittura controproducente. Ogni punto in più si traduce in una nuova informazione da memorizzare, cioè in un maggior numero di byte da inviare. Un’immagine ad alta risoluzione vista su un sito ha la stessa resa di una a 72 dpi, ma pesa decisamente di più.