Un’immagine da diversi megabyte può essere perfetta per la stampa e sproporzionata per una pagina Web. Ottimizzare non significa degradare il file finché diventa leggero, ma eliminare ciò che la visualizzazione non richiede: dimensioni eccessive, formato inadatto, qualità troppo alta o metadati superflui.
La strategia più efficace segue generalmente questo ordine: ridimensionare, scegliere il formato, comprimere, controllare visivamente e servire al browser la variante corretta.
1. Iniziare dalle dimensioni
Una fotografia da 6000 × 4000 pixel contiene 24 milioni di pixel. Se non viene mai mostrata oltre 1200 px di larghezza, conservare la dimensione originale obbliga il browser a scaricare e decodificare dati inutili.
Prima della compressione chiediti qual è la larghezza massima di visualizzazione, se esiste una variante mobile e se serve supportare schermi ad alta densità.
2. Dimensioni e peso non sono la stessa cosa
Due immagini da 1600 × 900 possono avere pesi molto diversi. Le dimensioni descrivono i pixel; il peso dipende anche da contenuto, formato e livello di compressione.
Una fotografia complessa si comprime diversamente da un logo con poche aree uniformi. Per questo un’unica impostazione non è ottimale per tutti i file.
3. Scegliere il formato in base al contenuto
| Contenuto | Scelta frequente | Motivo |
|---|---|---|
| Fotografia | WebP, AVIF, JPEG | buona compressione con perdita |
| Screenshot / interfaccia | WebP o PNG | dettagli e campiture nette |
| Logo / icona vettoriale | SVG | indipendente dalla risoluzione |
| Trasparenza | WebP, AVIF, PNG | canale alpha |
| Compatibilità massima | JPEG / PNG | formati storici molto diffusi |
WebP è ampiamente supportato e può gestire compressione con o senza perdita, trasparenza e animazione. AVIF può offrire un’ottima efficienza. JPEG e PNG restano utili come formati di fallback o per casi specifici.
4. Compressione con perdita o senza perdita?
La compressione lossless conserva i dati codificati esattamente. La compressione lossy elimina o approssima alcune informazioni per ottenere file molto più piccoli.
Per una fotografia Web, una compressione ragionevole può ridurre fortemente il peso senza differenze visibili alla dimensione reale di utilizzo. Il valore corretto non è quindi «qualità 100», ma la qualità sufficiente per il contesto.
5. Controllare alla dimensione reale
Non ha senso zoomare al 400% e cercare difetti invisibili nella pagina. Controlla l’immagine alla dimensione prevista e osserva aree difficili come capelli, fogliame, testo, gradienti e dettagli fini.
Se 100 kB in meno non producono differenze percepibili in condizioni reali, il guadagno è utile. Se compaiono aloni o perdita di dettagli importanti, la compressione è eccessiva.
6. Ridimensionare prima di comprimere
Passare da 4000 × 3000 a 800 × 600 riduce i pixel da 12 milioni a 480.000. È una diminuzione enorme prima ancora di scegliere il codec.
Comprimere prima l’immagine gigante e lasciarla poi ridurre dal browser significa ottimizzare il file sbagliato.