Convertir imágenes PNG a WebP permite reducir significativamente el tamaño de los archivos manteniendo la transparencia y sin pérdida apreciable de calidad visual. Es una optimización clave para cualquier sitio web que busque mejorar su velocidad de carga.
Para compresión sin pérdida:
cwebp -lossless imagen.png -o imagen.webp
Para compresión con pérdida a calidad 90:
cwebp -q 90 imagen.png -o imagen.webp
.webp.Squoosh CLI es una herramienta de Google que permite convertir múltiples imágenes desde la línea de comandos:
npx @squoosh/cli --webp '{"lossless":1}' *.png
| Modo | Reducción de tamaño | Calidad | Ideal para |
|---|---|---|---|
| Sin pérdida | ~26 % vs PNG | Perfecta (idéntica al original) | Logotipos, iconos, texto |
| Con pérdida (q=90) | ~50–60 % vs PNG | Muy buena | Fotografías, fondos |
| Con pérdida (q=80) | ~65–75 % vs PNG | Buena | Imágenes de apoyo, banners |
Una gran ventaja de WebP sobre JPG es que soporta transparencia (canal alfa). Si tu PNG tiene fondo transparente, el WebP resultante también lo tendrá, tanto en modo sin pérdida como con pérdida. Esto lo hace ideal para sustituir PNG en logotipos e iconos en la web.
Convertir PNG a WebP es una de las mejoras más impactantes para el rendimiento web, especialmente para sitios con muchos iconos, logotipos o imágenes con transparencia. El modo sin pérdida garantiza calidad perfecta con archivos notablemente más ligeros. Para implementar WebP en producción, recuerda siempre proporcionar un fallback PNG para navegadores que no lo soporten.
Si el archivo es confidencial, la vía más segura es la que no lo saca de tu equipo. Convertir imagen funciona por completo en el navegador: lee el archivo de tu disco, lo procesa en memoria y lo devuelve a tu disco; no se envía nada a ningún servidor.
Hazlo en tu navegador, sin que el archivo salga de tu equipo: Convertir imagen