PNG è il formato standard per le immagini che necessitano di uno sfondo trasparente — loghi, icone, ritagli di prodotti. WebP supporta completamente la trasparenza sia in modalità lossy che lossless, quindi non devi scegliere tra file più piccoli e la conservazione dello sfondo trasparente.
Perché questo crea confusione
Alcuni strumenti di conversione obsoleti o di bassa qualità appiattiscono accidentalmente la trasparenza su uno sfondo bianco o nero, soprattutto durante i lavori di conversione in massa. Se il logo WebP convertito si ritrova improvvisamente con una scatola bianca intorno, è quello che è successo.
Questo problema è particolarmente comune quando si utilizzano tool online generici o software che non è stato aggiornato negli ultimi anni. Anche alcuni editor di immagini popolari, se non configurati correttamente, possono introdurre questa perdita durante l’esportazione.
Come convertire correttamente PNG in WebP
Scegliere lo strumento giusto
- Utilizza un convertitore che preservi esplicitamente la trasparenza alfa — BizImageConvert la mantiene automaticamente, senza necessità di impostazioni aggiuntive.
- Verifica che il tool supporti ufficialmente la conversione di file con canale alpha. Molti convertitori gratuiti base non menzionano nemmeno questa capacità.
- Se usi software locale come ImageMagick o FFmpeg, assicurati di avere versioni recenti (rilasciate negli ultimi 3-4 anni).
Impostazioni di compressione
La scelta tra modalità lossy e lossless è fondamentale quando lavori con la trasparenza:
- WebP Lossless: Per la grafica con trasparenza, rimani nella modalità lossless — la compressione lossy può attenuare leggermente i bordi netti attorno alle aree trasparenti, creando “aloni” indesiderati attorno al tuo logo.
- Qualità consigliata: Con WebP lossless, una qualità del 75-80% produce risultati indistinguibili dall’originale per la maggior parte degli usi.
- Fotografie con trasparenza: Se hai foto con sfondi trasparenti, la modalità lossy può funzionare bene sui pixel colorati, mantenendo la trasparenza dei pixel non usati.
Verifica post-conversione
Non dare per scontato che la conversione abbia funzionato correttamente. Ecco il processo di controllo essenziale:
- Visualizza sempre l’anteprima del file convertito su uno sfondo non bianco prima di pubblicarlo — prova un background scuro o colorato per confermare che la trasparenza sia effettivamente stata preservata.
- Apri il file WebP in un editor di immagini e verifica il canale alpha. La maggior parte dei software moderni (Photoshop, GIMP, Krita) mostra esplicitamente se il canale trasparente esiste.
- Per i batch di conversione, testa sempre un campione di 3-5 file prima di elaborare centinaia di immagini.
- Se stai caricando su un CMS o servizio di hosting, verifica il file finale sul server, non solo in anteprima locale.
Il vantaggio delle dimensioni
I risparmi di dimensione file sono sostanziali e misurabili. Un logo PNG trasparente convertito a WebP lossless in genere risulta circa il 26% più piccolo senza alcuna differenza visibile — un risparmio gratuito delle dimensioni del file per qualcosa che probabilmente stai caricando su ogni pagina del tuo sito.
Esempi concreti
Ecco scenari reali con numeri effettivi:
- Logo aziendale: Un logo PNG da 150 KB → WebP da 111 KB (26% di riduzione). Se il logo appare 50 volte al mese su tutte le pagine, il risparmio mensile è di 1,95 MB — non enorme, ma significativo cumulativamente.
- Icone set (100 icone): Una cartella di 100 icone PNG da 500 KB totali → 370 KB in WebP. Su un sito visitato da 10.000 utenti mensili, questo significa 1,3 GB di larghezza di banda mensile risparmiata.
- Catalogo prodotti con ritagli: Un ecommerce con 500 foto di prodotti ritagliate (sfondi trasparenti) da media 300 KB ciascuno = 150 MB totali in PNG. La conversione a WebP porta a 111 MB. Il caricamento della gallery diminuisce di 39 MB.
Impatto sulla performance
Oltre al risparmio lordo di spazio, il beneficio reale è sulla velocità di caricamento delle pagine. Secondo i dati di Google PageSpeed, ogni 100 KB ridotto equivale mediamente a 40-60 ms di miglioramento nel tempo di caricamento. Per i siti con molte immagini trasparenti, il risultato cumulativo è notevole.
Se il 20% dei tuoi asset visivi sono PNG trasparenti e il tuo sito ha 2 MB di immagini totali, la conversione potrebbe risparmiare 100-150 KB, con benefici di velocità percepibili su connessioni più lente.