La guida alle dimensioni dei file immagine per il web
Ogni immagine sul tuo sito ha un budget di dimensione file. Lo superi e la pagina rallenta; lo rispetti e tutto sembra istantaneo. Questa guida fornisce obiettivi concreti in KB per ogni caso d'uso, con i formati e gli strumenti per raggiungerli.
Tabella di riferimento per caso d'uso
| Caso d'uso | Dimensioni pixel | Formato | Obiettivo KB |
|---|---|---|---|
| Immagine hero | 1600–1920 px larghezza | WebP / AVIF | 100–200 KB |
| Immagine nel contenuto | 800–1200 px larghezza | WebP / JPEG | 60–150 KB |
| Miniatura / card | 300–400 px larghezza | WebP / JPEG | 20–50 KB |
| Avatar / foto profilo | 64–128 px | WebP / PNG | 5–15 KB |
| Logo | — | SVG (preferito) | 5–30 KB |
| Foto prodotto e-commerce | 800–1200 px | WebP / JPEG | 80–150 KB |
Il formato fa la differenza maggiore
Il formato è il fattore singolo con il maggiore impatto sulla dimensione finale, a parità di qualità visiva:
- WebP: 25-35% più piccolo di JPEG equivalente
- AVIF: circa 50% più piccolo di JPEG equivalente
- PNG: più grande di JPEG per fotografie, ma obbligatorio per trasparenza e testo
- SVG: dimensione indipendente dalla risoluzione — preferibile per loghi e icone
Converti con Vizua: JPG in WebP, converti in AVIF, o usa la conversione batch per più file.
Dimensioni pixel: il moltiplicatore nascosto
Servire un'immagine più larga del suo contenitore è uno degli sprechi più comuni. Un'immagine 2400px in un contenitore 800px trasferisce 9 volte più dati del necessario. Ridimensiona sempre prima di comprimere: usa lo strumento di ridimensionamento di Vizua.
Per siti responsive, considera l'uso degli attributi HTML srcset e sizes: permettono al browser di scegliere l'immagine della dimensione più adatta alla viewport e alla risoluzione dello schermo.
Budget totale per pagina
Punta a un peso totale delle immagini sotto 500 KB per pagina. Secondo HTTP Archive, la pagina web mediana trasferisce circa 1 MB di immagini su mobile — c'è molto margine di miglioramento per la maggior parte dei siti.
Strumenti per raggiungere gli obiettivi
- Comprimi JPEG — qualità 75-85 per fotografie
- Comprimi PNG — lossless, mantiene trasparenza
- Comprimi WebP — formato moderno, 25-35% più piccolo di JPEG
- Ridimensiona immagine — adatta alle dimensioni di visualizzazione
- Conversione batch — elabora più immagini contemporaneamente
Qual è la dimensione file ideale per un'immagine web?
Dipende dall'uso. Immagini hero sotto 200 KB, immagini di contenuto sotto 150 KB, miniature sotto 80 KB, avatar sotto 15 KB. Questi obiettivi presuppongono WebP o AVIF come formato — in JPEG le stesse dimensioni visive richiedono circa il 30% in più.
La dimensione del file immagine influisce sulla SEO?
Sì. Le immagini influenzano direttamente il LCP (Largest Contentful Paint), una delle Core Web Vitals di Google. Un LCP lento (oltre 2,5 secondi) penalizza il posizionamento nei risultati di ricerca.
Come ridurre la dimensione senza perdere qualità?
Tre passaggi: ridimensiona alle dimensioni di visualizzazione effettive (non servire un'immagine 2000px se il contenitore è 800px), converti in WebP o AVIF, comprimi a qualità 75-85. L'ordine è importante: prima ridimensiona, poi comprimi.
Raggiungi i tuoi obiettivi di dimensione
Gratuito, privato, senza registrazione. Tutto funziona nel tuo browser.