Come ottimizzare le immagini per il web

L'ottimizzazione delle immagini consiste nel fornire il file più piccolo possibile che appaia comunque bene. È importante perché le immagini sono di solito la parte più pesante di una pagina web: ottimizzarle è la cosa più efficace che la maggior parte delle persone possa fare per velocizzare un sito, migliorando esperienza utente, posizionamento e costi di banda.

Parti dalle dimensioni giuste

L'errore più comune è fornire un'immagine molto più grande di quanto verrà mai mostrata. Una foto visualizzata a 800 pixel di larghezza non guadagna nulla dall'essere salvata a 4000 pixel — spreca solo banda. Prima di tutto, ridimensiona le immagini alla dimensione massima a cui verranno effettivamente mostrate, magari raddoppiata per schermi retina.

Scegli il formato giusto

Per le foto, WEBP a qualità 75–85 di solito dà il miglior equilibrio, con JPG come ripiego per compatibilità. Per grafica con testo, bordi netti o trasparenza, PNG o WEBP senza perdita è appropriato. Abbinare il formato al contenuto è metà del lavoro.

Regola la qualità

La qualità è un cursore, non un interruttore. La differenza tra qualità 100 e 85 è di solito invisibile ma può dimezzare il file. Tra 85 e 70 inizi a scambiare qualità visibile per dimensione; sotto 70 gli artefatti diventano evidenti. Il punto ottimale per il web è generalmente 75–85. L'unico modo per saperlo su un'immagine specifica è comprimerla e guardare — cosa che lo strumento di compressione qui ti permette di fare in modo interattivo.

Rimuovi i metadati inutili

Le foto da fotocamera o telefono portano metadati: modello, impostazioni e spesso coordinate GPS. Questi dati aggiungono peso e possono rivelare informazioni private come dove è stata scattata una foto. Ricodificare un'immagine tramite un convertitore di solito rimuove questi metadati, rendendo il file più piccolo e più privato.

Verifica il risultato

L'ottimizzazione è empirica. Comprimi, confronta con l'originale alla dimensione di visualizzazione, e regola. Un buon obiettivo per una foto a tutta larghezza è ben sotto i 200 KB; molte possono scendere sotto i 100 KB senza perdita visibile. Gli strumenti di questo sito ti permettono di iterare in pochi secondi, interamente nel browser.