Ottimizzare le immagini per i siti web
Ottimizzare le immagini prima di caricarle sul sito può avere un enorme impatto sulla velocità del sito stesso e sulla sua indicizzazione: i siti web veloci si posizionano più in alto nei motori di ricerca e hanno conversioni migliori.
Questa operazione consiste in un processo di salvataggio e pubblicazione delle immagini nella dimensione di file più piccola possibile senza ridurre la qualità complessiva dell’immagine.
La chiave per ottenere un risultato soddisfacente è trovare il perfetto equilibrio tra la dimensione del file più bassa e una qualità dell’immagine accettabile.
I tre fattori che giocano un ruolo enorme nell’ottimizzazione delle immagini sono:
- Formato file immagine (JPEG vs PNG vs GIF)
- Compressione (maggiore compressione = file di dimensioni inferiori)
- Dimensioni dell’immagine (altezza e larghezza)
Formato del file
Per mantenere le cose semplici, si tende a utilizzare:
- JPEG per foto o immagini con molti colori,
- PNG per immagini semplici o quando sono necessarie immagini trasparenti,
- GIF solo per immagini animate,
- negli ultimi anni ha fatto il suo ingresso un nuovo formato compresso, WEBP
Compressione
L’immagine ideale per il web deve avere una risoluzione di 72 dpi (punti per pollice) ed essere in modalità colore RGB. Un’immagine a 300 dpi ha una risoluzione eccessivamente alta per il web che può essere visibile ed apprezzata solamente su stampa e non su web.
Dimensioni dell’immagine
Tipicamente, queste foto hanno una risoluzione di 300 DPI e dimensioni a partire da 2000 pixel e oltre. Se le foto di alta qualità sono adatte per la stampa o il desktop publishing, le loro grandi dimensioni le rendono inadatte per i siti web. Generalmente, online si tendono ad utilizzare immagini che hanno una larghezza di circa 1200 pixel (con altezza proporzionata soprattutto per i post), o al massimo si usa il formato full HD che arriva ad una larghezza di 1980 pixel.
Attenzione: è sempre una buona cosa ridimensionare le immagini, ma è fondamentale che le loro proporzioni non vengano alterate!
Gli strumenti online
Esistono diversi siti web che permettono di ottimizzare le immagini direttamente online.
Ecco una panoramica dei principali:
TinyPNG
TiniPNG applica automaticamente il metodo di compressione ideale per ridurre le dimensioni del file dell’immagine alla massima quantità possibile senza perdita di qualità.
Il sito permette di caricare immagini di una dimensione massima di 5mb e quindi, se si parte da immagini più grandi, bisogna prima ridimensionarle con altri strumenti e poi caricarle.
Kraken.io
L’interfaccia di questo tool è abbastanza semplice e si posso caricare più immagini in blocco con un solo clic. Inoltre, la qualità dell’immagine rimane quasi del tutto inalterata. Supporta vari formati come JPG, PNG, SVG e Gif. La nota negativa è che i limiti della versione gratuita sono un po' stringenti.
CompressJpeg
Questo servizio online va a ridurre immagini JPG in maniera automatica. Consente di elaborare sino a ben 20 immagini in contemporanea. È possibile regolare le impostazioni di compressione; al momento del caricamento ci dirà anche la percentuale di compressione e potremo selezionare la singola immagine per vedere le differenze tra la versione non compressa e quella compressa.
ImageOptim
Questa applicazione si può scaricare e installare su pc e permette di impostare le dimensioni dell'immagine e la qualità di salvataggio, mantenendo però il formato del file originario.