Formati di immagine moderni

Silktide carica le tue pagine in un browser reale e identifica le immagini che sarebbero significativamente più piccole se fornite in un formato moderno come WebP o AVIF. Ogni immagine viene segnalata con le dimensioni attuali e il risparmio che si otterrebbe utilizzando un formato moderno.

Perché è importante

WebP e AVIF comprimono le immagini molto meglio dei formati meno recenti JPEG e PNG: spesso risultano più piccoli del 25-50% a parità di qualità visiva. Poiché le immagini costituiscono solitamente la maggior parte del peso di una pagina, convertirle è uno dei maggiori miglioramenti delle prestazioni disponibili e non richiede alcuna modifica visibile al sito. Le pagine più veloci trattengono più visitatori e contribuiscono al posizionamento nei motori di ricerca attraverso i Core Web Vitals.

Tutti i browser moderni supportano WebP e il supporto per AVIF è ormai quasi universale, quindi il motivo storico per evitare questi formati non è più valido.

Come risolvere il problema

1. Converti le immagini segnalate in WebP o AVIF. La maggior parte degli strumenti per immagini esporta in entrambi i formati e molti CMS e CDN possono eseguire automaticamente la conversione al momento del caricamento o della distribuzione: il metodo automatizzato impedisce che il problema si ripresenti.
2. Se devi supportare browser molto datati, fornisci un fallback:

<picture>
  <source srcset="photo.avif" type="image/avif">
  <source srcset="photo.webp" type="image/webp">
  <!-- I browser meno recenti utilizzano come fallback il JPEG -->
  <img src="photo.jpg" alt="Team durante il fuori sede estivo">
</picture>

Come Silktide esegue questo controllo

1. Carica la pagina in un browser reale e raccoglie le immagini visualizzate.
2. Stima quanto costerebbe ciascuna immagine JPEG o PNG in un formato moderno.
3. Segnala le immagini per le quali il risparmio è significativo (almeno 8 KB), indicando le dimensioni attuali e il risparmio potenziale, in ordine decrescente.

Risoluzione dei problemi

In cosa differisce dagli altri controlli delle immagini?

Questo controllo riguarda specificamente la conversione del formato. La compressione delle immagini nel formato attuale è trattata da Compressione delle immagini e, più approfonditamente, da Ottimizzazione delle immagini; la distribuzione delle immagini alle dimensioni corrette è trattata da Immagini responsive. La stessa immagine può comparire in più controlli: le correzioni sono complementari.

La nostra piattaforma non può fornire immagini WebP o AVIF

Un CDN davanti al sito può spesso convertire le immagini al volo senza modifiche alla piattaforma. In caso contrario, comprimere bene gli originali consente comunque di ottenere gran parte dei vantaggi: consulta Ottimizzazione delle immagini.

Scopri di più

• Fornire immagini in formati moderni (web.dev)
• Guida ai tipi e ai formati dei file immagine (MDN)
• Ottimizzazione delle immagini