Comprendere i formati delle immagini
Le immagini costituiscono la maggior parte del traffico web. Scegliere il formato errato può rallentare il tuo sito. Vediamo i formati più comuni.
1. JPEG (Joint Photographic Experts Group)
Il JPEG è il formato più compatibile per le foto. Utilizza una compressione con perdita per ridurre la dimensione dei file. Non supporta trasparenza o animazioni.
2. PNG (Portable Network Graphics)
Il PNG è un formato senza perdita. Supporta la trasparenza (canale alfa) ed è ideale per loghi e icone.
3. WebP (Google Web Picture)
WebP è il formato moderno di nuova generazione per il web. Supporta compressione con e senza perdita, trasparenza e animazione, con dimensioni ridotte del 25-35% rispetto a JPEG/PNG.
4. SVG (Scalable Vector Graphics)
SVG è un formato vettoriale basato su formule matematiche. Può essere ridimensionato all'infinito senza perdita di qualità, ottimo per icone e loghi.
5. GIF (Graphics Interchange Format)
GIF è un formato obsoleto per animazioni semplici a 256 colori. Per animazioni moderne si preferisce WebP o i video.
Tabella Comparativa
| Formato | Tipo | Compressione | Trasparenza | Animazione | Miglior Uso |
|---|---|---|---|---|---|
| JPEG | Raster | Con perdita | ❌ No | ❌ No | Foto & scene complesse |
| PNG | Raster | Senza perdita | ✅ Sì | ❌ No | Loghi, testo, grafiche trasparenti |
| WebP | Raster | Entrambi | ✅ Sì | ✅ Sì | Tutti gli elementi web moderni |
| SVG | Vettoriale | Senza perdita | ✅ Sì | ✅ Sì | Icone, loghi, disegni vettoriali |
| GIF | Raster | Senza perdita | ✅ Sì (1-bit) | ✅ Sì | Semplici meme animati |