La scelta del formato immagine corretto puรฒ ridurre le dimensioni della pagina del 40-60% senza perdere la qualitร . Analizziamo ogni formato e quando utilizzarlo.
Confronto di formati
| Formato | compressione | Trasparenza | Animazione | Supporto |
|---|---|---|---|---|
| JPEG | Con perdita | NO | NO | 100% |
| PNG | Senza perdite | Sร | APNG | 100% |
| WebP | Entrambi | Sร | Sร | 97%+ |
| AVIF | Entrambi | Sร | Sร | 92%+ |
| SVG | Vettore | Sร | Sร | 100% |
Quando quale formato
JPEG: foto e immagini complesse
Perfetto per foto con milioni di colori. Una qualitร dell'80-85% fornisce il rapporto qualitร /dimensione ottimale.
PNG รจ un'immagine con trasparenza
Loghi, icone, screenshot: tutto ciรฒ che richiede trasparenza o bordi del testo chiari.
WebP รจ un formato moderno universale
25-35% piรน piccolo del JPEG con la stessa qualitร . Consigliato per la maggior parte dei casi.
SVG รจ una grafica vettoriale
Bilancia senza perdere qualitร . Ideale per icone, loghi e illustrazioni.
Conversione di immagini
Utilizza gli strumenti Xuvero:
- Convertitore di immagini- converti tra PNG, JPG, WebP
- Compressore di immaginiโ comprime le immagini senza perdita visibile di qualitร
- Ridimensionatore di immagini- ridimensiona l'immagine
Ottimizzazione per il SEO
- Caricamento pigroโ
loading="lazy"per le immagini sotto la prima schermata - Testo alternativo- descrivi cosa viene rappresentato per Google Immagini
- Dimensioniโ specificare sempre larghezza e altezza per evitare CLS
- Srcsetโ fornire dimensioni diverse per schermi diversi
