Perché convertire le tue immagini in WebP?
Le immagini sono di solito la parte più pesante di una pagina web. E il peso incide direttamente sulla velocità di caricamento, sull’esperienza di chi visita da smartphone e sul tuo posizionamento su Google, che misura la velocità con i Core Web Vitals. Strumenti come PageSpeed Insights consigliano esplicitamente di «pubblicare le immagini in formati moderni».
Il WebP è proprio quel formato moderno: a parità di qualità visiva, un’immagine WebP è più leggera del 25–35% rispetto a un JPG e molto più leggera di un PNG, pur supportando la trasparenza. Tutti i browser attuali lo supportano, quindi puoi usarlo sul tuo sito con tranquillità.
Come convertire JPG o PNG in WebP
- Aggiungi le immagini: trascinale nell’area qui sopra o tocca «Scegli file». Puoi mescolare JPG e PNG.
- Regola la qualità. Per le foto sul web, il 75–85% offre il miglior equilibrio. Per grafiche con testo, sali al 90%.
- Controlla il risultato: vedrai il peso originale e quello nuovo di ogni immagine.
- Scarica i file WebP uno alla volta o tutti insieme in uno ZIP.
Vantaggi del WebP
- Pagine più veloci e punteggio PageSpeed migliore.
- Meno consumo di dati per chi visita da smartphone.
- Trasparenza come il PNG, con file molto più leggeri.
- Meno spazio sull’hosting e nei backup.
Consigli per ottimizzare le immagini per il web
Il formato è solo una parte. Perché un’immagine voli, regola anche le sue dimensioni: non ha senso caricare una foto larga 4000 pixel che verrà mostrata a 1200. Ridimensiona l’immagine prima e poi convertila in WebP. Se vuoi controllare con precisione il peso finale, il compressore di immagini ti permette di confrontare i pesi.
Se usi WordPress, Shopify o un altro CMS, puoi caricare i file .webp direttamente come qualsiasi altra immagine.
Una nota su Safari
Safari può mostrare le immagini WebP ma non può crearle da una pagina web. Se usi Safari su Mac o iPhone e l’opzione non è disponibile, apri questa pagina in Chrome, Edge o Firefox. Come sempre, le tue immagini non vengono mai caricate.
Come usare il WebP sul tuo sito
Su WordPress, Shopify, Wix o Squarespace basta caricare il file .webp nella libreria media come qualsiasi immagine. Se modifichi l’HTML a mano, puoi usare un normale tag <img> che punta al file .webp. Indica sempre larghezza e altezza dell’immagine per evitare spostamenti del layout durante il caricamento, e aggiungi un testo alternativo descrittivo, che aiuta anche a comparire in Google Immagini. Con immagini WebP ben dimensionate, dimezzare il peso totale di una pagina è frequente.
Domande frequenti
Quanto è più leggero il WebP rispetto al JPG?
Di solito il 25–35% in meno a parità di qualità visiva. Rispetto a una foto in PNG, il risparmio può superare l’80%.
Qual è la migliore qualità WebP per il web?
75–85% per le foto. Per loghi, screenshot o immagini con testo, 90%.
Il WebP mantiene la trasparenza del PNG?
Sì, il WebP supporta la trasparenza, quindi i PNG trasparenti si convertono senza perdere lo sfondo trasparente.
Tutti i browser supportano il WebP?
Sì, tutti i browser attuali mostrano il WebP: Chrome, Edge, Firefox, Safari e Opera.
Perché non funziona in Safari?
Safari mostra il WebP ma non può generarlo da una pagina web. Usa Chrome, Edge o Firefox per convertire.
Le mie immagini vengono caricate su un server?
No, la conversione avviene nel tuo browser.