Come ottimizzare le immagini del tuo sito web: dimensioni, formato e qualità

In breve: per ottimizzare un’immagine per il web, (1) ridimensionala alla dimensione in cui viene effettivamente mostrata, (2) salvala in un formato efficiente come il WebP, (3) usa una qualità di circa 75–85% e (4) rimuovi i metadati. Nel Compressore di immagini di Imgovo fai tutto in un solo passaggio e non viene caricato nulla.

Perché è importante

Le immagini sono spesso la parte più pesante di una pagina web. Immagini pesanti rallentano il caricamento, il che può danneggiare l’esperienza dei visitatori e le prestazioni nella ricerca. I Core Web Vitals di Google misurano il Largest Contentful Paint (LCP), e un buon LCP è di 2,5 secondi o meno. In molte pagine l’elemento LCP è un’immagine.

File più leggeri consumano anche meno dati mobili e meno spazio di archiviazione.

Le quattro leve

1. Dimensioni

Una foto di 6000 × 4000 pixel mostrata a 800 pixel di larghezza spreca la maggior parte dei suoi pixel. Ridimensionala più o meno alla larghezza mostrata, o fino a circa il doppio per una resa nitida sugli schermi ad alta densità.

Il compressore ha l’impostazione «Larghezza / altezza max.» con valori predefiniti: mantieni la dimensione originale, 3840, 2560, 1920, 1600, 1280, 1080, 800 e 640 px, più una personalizzata. Il ridimensionamento è proporzionale e non ingrandisce mai un’immagine più piccola.

2. Formato

Formato	Ideale per	Note
JPG	Foto	Funziona ovunque
WebP	Foto e grafiche	File leggeri, ampiamente supportato dai browser moderni
AVIF	Foto	Di solito i file più leggeri, ma la codifica è più lenta e i programmi datati potrebbero non aprirlo
PNG	Schermate, loghi, grafiche, trasparenza	Senza perdita; il cursore di qualità non si applica, solo il ridimensionamento lo alleggerisce

Una buona combinazione è una dimensione minore (per esempio 1920 px di larghezza) in WebP o AVIF. Per scegliere, leggi JPG, PNG, WebP e AVIF a confronto.

3. Qualità

Qualità	Uso
75–85%	Web e social
60–70%	File molto piccoli
Oltre l’85%	Stampa

JPG e WebP al 70–85% di solito riducono il peso delle foto di circa il 50–80%. La compressione è irreversibile per JPG, WebP e AVIF, anche a qualità 100, quindi conserva i file originali.

4. Metadati

L’output del compressore contiene solo dati dei pixel, quindi i dati EXIF come i dettagli della fotocamera e la posizione GPS vengono rimossi. Questo alleggerisce il file e protegge la privacy. Leggi Come rimuovere la posizione GPS e i dati EXIF.

Passo dopo passo nel Compressore di immagini

1. Apri il Compressore di immagini e aggiungi una o più immagini trascinandole, scegliendo i file o incollandole.
2. Scegli Comprimi per: Qualità (cursore, 80% predefinito) o Dimensione file di destinazione (per esempio 100 KB).
3. Imposta la larghezza o l’altezza massima.
4. Scegli il formato di output: JPG, WebP, AVIF (indicato come «il più leggero») o PNG.
5. Confronta affiancate le anteprime di originale e immagine compressa.
6. Scarica il risultato. Se il nuovo file è più pesante dell’originale, lo strumento ti avvisa e puoi scaricare l’originale al suo posto.

Se il limite di peso non è raggiungibile, lo strumento te lo dice e fornisce il risultato più piccolo possibile. Per i limiti piccoli leggi Come comprimere un’immagine sotto i 100 KB.

Una lista pratica per le immagini web

• Ridimensiona prima di comprimere. Ridurre le dimensioni spesso fa risparmiare più che abbassare la qualità.
• Scegli il formato giusto. Foto: WebP o AVIF, con JPG come alternativa se serve. Grafiche: PNG o WebP.
• Punta a dimensioni ragionevoli. Come regola generale, molte foto di contenuto possono restare sotto i 150 KB circa e le grandi immagini di testata sotto i 300 KB circa, ma dipende dall’immagine e dal design. Controlla il risultato a occhio.
• Descrivi l’immagine. Aggiungi un testo alternativo sensato e un nome di file descrittivo, come bicicletta-rossa-appoggiata-al-muro.webp.
• Riserva lo spazio. Indica larghezza e altezza nella pagina, così il layout non salta mentre l’immagine si carica.
• Carica in modo differito le immagini sotto la prima schermata, ma non l’immagine principale in cima alla pagina.
• Conserva gli originali per poter esportare nuove versioni in seguito.

Errori comuni

• Caricare gli originali della fotocamera. Una foto da 6 MB non serve quasi mai in una pagina web.
• Salvare più volte lo stesso JPG. Ogni salvataggio con perdita può ridurre la qualità. Parti sempre dall’originale.
• Usare il PNG per le foto. I file sono molto più pesanti che in JPG o WebP.
• Comprimere troppo. Sotto il 60% circa possono comparire blocchi e sfocature. Controlla l’anteprima.

Privacy

La compressione avviene nel tuo browser. Le immagini non vengono caricate e per sapere come Imgovo tratta i file leggi I convertitori di immagini online sono sicuri?

Provalo ora

Apri il Compressore di immagini, aggiungi la tua immagine e confronta l’anteprima. Per un semplice ridimensionamento rapido usa Ridimensiona immagine; per cambiare formato usa Converti immagine.