Anche con 'compressione WebP', le esigenze di chi lo usa sono diverse:
Alcuni vogliono convertire una serie di JPG, PNG in WebP; altri hanno già dei WebP e vogliono comprimerli ulteriormente; altri ancora devono gestire WebP animate.
Non esistono strumenti assolutamente migliori, solo più adatti. In questo articolo ti presentiamo le raccomandazioni per scenario, offrendo solo le soluzioni più intuitive per ciascuno di essi.
Prima di iniziare: due minuti per capire WebP
WebP esiste in tre forme:
- WebP con perdita (lossy): simile a JPEG, perde dettagli in base al parametro di qualità, riducendo le dimensioni; ideale per foto, banner.
- WebP senza perdita (lossless): simile a PNG, i pixel rimangono identici; ideale per screenshot, materiali UI.
- WebP dinamica (animated): animazione a più fotogrammi, può essere con o senza perdita; comune in gag e demo trasformate da GIF.
Per capire quale sia il tuo file, usa lo strumento ufficiale di Google webpinfo:
bash
brew install webp
webpinfo image.webp
Nell'output, VP8 indica con perdita, VP8L indica senza perdita; se trovi ANIM / ANMF si tratta di un'animazione.
C'è un altro punto importante: con WebP con perdita, aumentando il parametro di qualità le dimensioni aumentano, ma la qualità non migliora — i dettagli persi non tornano. Per questo, uno strumento di compressione per WebP dovrebbe essere in grado di capire quando è inutile comprimere.
Scenario 1: convertire in blocco JPG / PNG in WebP
Questa è l'operazione che la maggior parte delle persone fa la prima volta con WebP.
Per l'interfaccia grafica, scegli XnConvert. Gratuito e multipiattaforma, puoi trascinare una serie di immagini, impostare la qualità o la modalità senza perdita di WebP, modificando dimensioni e nome del file. Per la conversione di formato, è il più comodo.
Per integrarlo nei flussi di build, scegli cwebp o sharp. In un progetto web, invece di convertire manualmente, è meglio elaborare automaticamente durante il packaging o il caricamento sul CDN:
bash
cwebp: qualità 75, modalità di codifica più lenta ma più efficiente, mantiene i profili di colore
cwebp -q 75 -m 6 -metadata icc input.jpg -o output.webp
js
// sharp (Node.js)
await sharp('input.jpg').webp({ quality: 75, effort: 6 }).toFile('output.webp')
Non sai quale parametro usare? Prova prima Squoosh. Lo strumento online di Google elabora un'immagine alla volta, ma supporta lo schermo diviso a metà e il trascinamento della qualità in tempo reale. Una volta capito 'quale qualità è giusta per questo tipo di immagine', puoi riutilizzare i parametri nei tool di conversione in blocco.
Scenario 2: WebP esistenti, vuoi comprimere ulteriormente
Il sito ha già adottato WebP, ma Lighthouse segnala che le immagini possono essere ancora più compresse; oppure in una cartella di asset ci sono molti WebP che occupano spazio. In questo caso non serve convertire il formato, ma ridurre le dimensioni dei file esistenti al posto stesso.
Utenti Mac: ImgZilla
ImgZilla è lo strumento di compressione immagini macOS che abbiamo sviluppato; questo scenario è proprio quello in cui è più forte:
- Compressione in loco, percorso invariato. Dopo aver compresso
banner.webp, il file rimanebanner.webp; le referenze nel web, nel codice e nei documenti non cambiano. - Trascina l'intera cartella. Scansiona ricorsivamente tutte le sottocartelle, salta automaticamente i file nascosti e
node_modules; gestisce anche WebP mescolati a JPG, PNG, GIF, AVIF, HEIC, SVG in un'unica operazione. - Nessun parametro da impostare. Usa il codice libwebp di Google, qualità 75, livello di sforzo 4, coerente con i valori predefiniti di Squoosh; i canali trasparenti sono mantenuti con la massima qualità, senza bordi.
- Non comprime se non riduce. Se dopo la riconcodifica il file non è diventato più piccolo (meno del 0,4%), viene etichettato come 'minimizzato' e si mantiene il file originale, senza consegnarti un file più grande e senza ridurre il credito gratuito.
- Puoi cambiare idea. Per impostazione predefinita, l'originale viene spostato nel Cestino; se non ti piace il risultato, fai clic destro su 'Ripristina' per recuperarlo.
- Esecuzione completamente locale, senza caricare i materiali su nessun server.
👉 Scarica ImgZilla da Mac App Store
Altre piattaforme: Caesium o TinyPNG
- Caesium Image Compressor: open source e gratuito, disponibile su Windows, macOS e Linux; supporta la compressione in blocco di WebP, con possibilità di impostare qualità e se mantenere i metadati.
- TinyPNG: strumento web, anch'esso supporta WebP. Trascina e rilascia per comprimere, ma la versione gratuita ha limiti per numero e dimensione delle immagini; le immagini vengono caricate sui server del servizio.
Scenario 3: WebP animate
Ci sono due tipi di esigenze per le animazioni:
Convertire GIF in WebP animata: usa lo strumento ufficiale di Google gif2webp (disponibile nella libreria di strumenti libwebp, su Mac con brew install webp). Stesso effetto visivo, ma le WebP animate sono solitamente molto più piccole dei GIF.
bash
gif2webp -q 75 -m 6 input.gif -o output.webp
Comprimere ulteriormente una WebP animata esistente: molti tool segnalano errori o mantengono solo il primo fotogramma. ImgZilla supporta la compressione delle WebP animate — riconcodifica fotogramma per fotogramma, mantenendo identici fotogrammi, durata, numero di cicli e dimensioni del canvas; l'animazione resta identica, ma il file è più piccolo. Come per le immagini statiche, se non riduce viene etichettato come 'minimizzato' e si mantiene l'originale.
Scenario 4: Pixel identici obbligatori
Per tagli UI che devono corrispondere fedelmente al design, screenshot per confronti a livello di pixel o materiali che devono essere ulteriormente modificati — in questi casi servono compressioni senza perdita.
Usando cwebp:
bash
Pura senza perdita
cwebp -lossless -z 9 input.png -o output.webp
Quasi senza perdita: piccole variazioni di pixel, ma molto più piccole della versione senza perdita, adatta per screenshot e UI
cwebp -near_lossless 60 input.png -o output.webp
Nota: ImgZilla utilizza per tutti i WebP la modalità con perdita, anche se il file originale era senza perdita. Le dimensioni solitamente diminuiscono notevolmente, ma i pixel non corrispondono uno a uno. Inoltre rimuove i metadati (inclusi i profili di colore) da WebP; per le immagini sRGB normali non succede nulla, per quelle con profili colore estesi come Display P3 potrebbero esserci lievi differenze in software di gestione del colore. Per immagini con requisiti molto stretti su pixel e colore, usa cwebp o separa queste immagini prima di comprimere.
Tabella riassuntiva
| Cosa devi fare | Raccomandato | Alternativa |
|---|---|---|
| Convertire in blocco JPG / PNG in WebP | XnConvert | cwebp, sharp (flusso di build) |
| Prova parametri, elaborazione singola | Squoosh | — |
| Comprimere ulteriormente WebP esistenti (Mac) | ImgZilla | Caesium |
| Comprimere ulteriormente WebP esistenti (Windows / Linux) | Caesium | TinyPNG |
| Convertire GIF in WebP animata | gif2webp | — |
| Comprimere ulteriormente WebP animate esistenti | ImgZilla | Script personalizzato con libwebp |
| Pixel identici obbligatori | cwebp -lossless / -near_lossless |
— |
Link per il download
| Strumento | Piattaforma | Prezzo | Download |
|---|---|---|---|
| ImgZilla | macOS 12.3+ | Gratuito, fino a 10 al giorno | Mac App Store |
| XnConvert | Windows / macOS / Linux | Gratuito per uso personale | xnview.com |
| Caesium Image Compressor | Windows / macOS / Linux | Open source gratuito | saerasoft.com |
| cwebp / gif2webp / webpinfo | CLI | Open source gratuito | Google Download, Mac: brew install webp |
| sharp | Node.js | Open source gratuito | sharp.pixelplumbing.com, npm install sharp |
| Squoosh | Web | Gratuito | squoosh.app |
| TinyPNG | Web | Gratuito con limiti | tinypng.com |
Conclusione
WebP è già un formato molto efficiente. Se il tuo WebP è generato dal CDN o dagli strumenti di build con parametri ragionevoli, non ci sarà molto margine di compressione; vedere 'minimizzato' è normale. I risparmi più significativi si vedono spesso con file esportati con parametri di alta qualità, convertiti senza perdita da PNG o direttamente da GIF senza ulteriori elaborazioni.
Usa prima webpinfo per capire cosa hai tra le mani, poi scegli lo strumento in base allo scenario; è molto più veloce che provare decine di tool.
ImgZilla attualmente supporta solo macOS (12.3 e superiore), scaricabile da Mac App Store. La versione gratuita comprime fino a 10 immagini al giorno, il credito viene conteggiato solo se l'operazione ha successo — trascina la cartella piena di WebP e scopri quanto puoi risparmiare.