Converti immagini PNG in WebP nel browser con la Canvas API. PNG è lossless e spesso più grande di WebP per contenuti fotografici o ricchi di gradienti; ricodificare come WebP con qualità regolabile può ridurre la dimensione per il web.
Come funziona
Lo strumento legge il file .png locale con FileReader, lo decodifica in un HTMLImageElement, disegna i pixel su un canvas off-screen ed esporta con canvas.toDataURL('image/webp', quality). La trasparenza alpha viene composta su uno sfondo opaco durante il disegno—comportamento tipico del browser quando si appiattisce PNG in WebP.
Quando usarlo
- Comprimere screenshot UI o icone per caricamenti pagina più rapidi
- Anteprima delle impostazioni di qualità WebP prima di una conversione batch
- Convertire un singolo asset quando mancano strumenti desktop
Limiti
Trasparenza PNG lossless e profili colore non vengono preservati. PNG animato (APNG) non è supportato. Immagini molto grandi possono raggiungere i limiti di memoria. La qualità dell’encoder dipende dal supporto WebP integrato del browser.
Esempio
Ad esempio, inserisci i valori di esempio predefiniti nel modulo e confronta l’output con un riferimento noto; regola un input alla volta per vedere come cambia il risultato.