Come comprimere le immagini per il web (senza rovinare la qualità)
La velocità della pagina è un fattore di ranking di Google, e le immagini rappresentano di solito il 50-80% del peso totale di una pagina. Comprimere bene le immagini è la cosa più efficace che puoi fare per le prestazioni del sito. Ecco come farlo nel modo giusto.
Pronto a convertire? Provalo ora - gratis, senza registrazione.
Compressione intelligente - Ottimizzazione automatica →Perché la compressione delle immagini è importante
I numeri parlano chiaro:
- Il 53% degli utenti mobile abbandona una pagina che impiega più di 3 secondi a caricarsi (Google)
- Ogni 100 ms di miglioramento del tempo di caricamento aumenta le conversioni dell'1% (Deloitte)
- I Core Web Vitals influiscono direttamente sul ranking di Google, e l'LCP (Largest Contentful Paint) è quasi sempre un'immagine
- La pagina web media serve 1,5 MB di immagini, per lo più non ottimizzate
La checklist della compressione delle immagini
- Scegli il formato giusto: WebP per il web, JPG per le foto, PNG solo quando ti serve la trasparenza e non puoi usare WebP
- Prima ridimensiona: non servire un'immagine da 4000px in un contenitore da 800px. Ridimensiona le immagini alla dimensione di visualizzazione (o al doppio per i retina).
- Comprimi: usa una qualità di 75-85 per i formati con perdita. La maggior parte degli utenti non nota la differenza.
- Usa WebP: converti in WebP per una riduzione immediata del 25-35%.
- Caricamento differito: aggiungi
loading="lazy"alle immagini sotto la piega. - Specifica le dimensioni: includi sempre gli attributi
widtheheightper evitare spostamenti del layout.
Strumenti gratuiti per comprimere le immagini
Nel browser (nessun caricamento)
- Compressione intelligente di WebP Buddy: trova da sola l'impostazione di qualità ottimale. Funziona interamente nel browser: le tue immagini non lasciano mai il dispositivo.
- Comprimi WebP: controllo manuale della qualità per le immagini WebP.
- Conversione in blocco: converti e comprimi più immagini insieme.
Riga di comando
# Convert and compress with cwebp
cwebp -q 80 photo.jpg -o photo.webp
# Compress existing WebP
cwebp -q 75 image.webp -o image-compressed.webp
# Batch convert a folder
for f in *.jpg; do cwebp -q 80 "$f" -o "${f%.jpg}.webp"; donePromemoria delle impostazioni di qualità
| Uso | Qualità JPG | Qualità WebP | Note |
|---|---|---|---|
| Immagini hero | 85-90 | 80-85 | Visibili e di grande impatto: valgono qualche KB in più |
| Immagini del blog | 75-85 | 70-80 | Equilibrio tra qualità e prestazioni |
| Miniature | 60-75 | 55-70 | Visualizzazione piccola = qualità più bassa va bene |
| Immagini di sfondo | 50-70 | 45-65 | Spesso sfocate/coperte: compressione aggressiva va bene |
Domande frequenti
Quanto posso comprimere un'immagine senza perdere qualità?
Per JPG/WebP con perdita: una qualità di 75-85 di solito è visivamente indistinguibile dall'originale. Sotto 60 gli artefatti di compressione diventano evidenti. Il nostro strumento Compressione intelligente trova da solo il punto ideale.
Devo comprimere le immagini prima o dopo averle caricate nel CMS?
Prima. Anche se alcuni CMS (WordPress, Shopify) comprimono le immagini al caricamento, per impostazione predefinita non le convertono in WebP. Comprimere in anticipo ti dà il pieno controllo su qualità e formato.
Qual è il peso ideale di un'immagine per le pagine web?
Punta a meno di 200 KB per immagine per i contenuti generici e meno di 500 KB per immagini hero/banner. Il peso totale delle immagini di una pagina dovrebbe restare sotto 1,5 MB per buoni punteggi Core Web Vitals.
Converti le tue immagini ora - 100% gratis, funziona nel browser.
Compressione intelligente - Ottimizzazione automatica →