Saltar al contenido

Convertir PNG a WebP

La mejora fácil más grande para la velocidad de tu página: WebP conserva la transparencia y la nitidez de tu PNG con una fracción del tamaño, y no se guarda nada.

  • Nunca se guarda
  • Sin filas ni esperas
  • Sin registro, sin marca de agua

Cómo funciona

1

Agrega tus PNG

Suelta en la página todos los archivos .png que quieras.

2

Elige la calidad

El control deslizante equilibra tamaño y fidelidad; el nuevo tamaño se muestra en vivo para cada archivo.

3

Descarga

Guarda los archivos uno por uno, o todos en un ZIP.

Dos WebP, y cuál obtienes

WebP son en realidad dos formatos que comparten extensión. WebP sin pérdida usa un algoritmo realmente distinto del de PNG y suele superarlo en un veinte a treinta por ciento con los mismos píxeles. WebP con pérdida descarta información como lo hace un JPEG, incluido el submuestreo de croma que guarda el color a la mitad de resolución. Los dos admiten transparencia completa de 8 bits, que es la ventaja de WebP sobre JPEG y la razón por la que puede reemplazar a un PNG.

Cuál obtienes depende del ajuste de calidad, y eso es lo más importante que debes saber aquí. Cualquier valor por debajo del máximo produce WebP con pérdida: excelente para fotografías e inadecuado para las imágenes que la gente suele guardar como PNG. Una captura de pantalla con texto, un logo, un gráfico, un diagrama: el color submuestreado deja halos visibles en cada borde de color nítido, y el texto rojo sobre blanco es donde peor se nota. Para esas imágenes, deja la calidad al máximo y el archivo seguirá siendo idéntico píxel a píxel y aun así más liviano que el PNG.

El formato tiene un límite estricto que PNG no tiene: 16,383 píxeles por lado. Es generoso para fotografías y realmente restrictivo para una panorámica unida, una captura de pantalla completa de una página web larga o un mapa escaneado: esas imágenes no se pueden codificar en absoluto, sea cual sea la calidad. La transparencia se conserva en cualquier caso.

La compatibilidad ya no es motivo para dudar. Todos los navegadores actuales leen WebP, y desde hace años. Lo que todavía no lo hace de forma fiable es la larga lista de todo lo demás: clientes de correo antiguos, algunos visores de imágenes de escritorio, una cantidad sorprendente de software empresarial y los flujos de impresión. Para una página web, WebP es simplemente mejor; para un archivo que le envías a una persona, PNG o JPG siguen siendo la opción segura.

Si buscas otra cosa

cwebp, de la propia Google, ofrece lo que un canvas no puede. cwebp -lossless -z 9 in.png -o out.webp exprime al máximo el modo sin pérdida, -near_lossless 60 sacrifica un poco de fidelidad a cambio de mucho tamaño en contenido fotográfico, y -q 80 es un valor con pérdida razonable. También te permite comprimir el canal alfa por separado, algo que un codificador de navegador nunca ofrece.

Antes de convertir, piensa si el problema es el PNG. Pasarle oxipng -o 4 o pngquant a menudo reduce el archivo a la mitad sin cambiar de formato y sin ninguna duda de compatibilidad; y si la imagen es una fotografía y no un gráfico, probablemente debió ser un JPG desde el principio.

Preguntas frecuentes

¿Cuánto más livianas quedarán mis imágenes?

Las capturas de pantalla y los gráficos de interfaz suelen reducirse entre un 60 y un 90%. Cada archivo muestra su tamaño antes y después, así que la respuesta nunca es una suposición.

¿Se conserva la transparencia?

Sí: WebP admite transparencia alfa completa, a diferencia de JPG. Los logos y los recortes quedan limpios.

¿Todos los navegadores admiten WebP?

Todos los navegadores lanzados desde 2020 (Chrome, Safari, Firefox, Edge) muestran WebP de forma nativa. Solo el software realmente antiguo tiene problemas.

¿Sin pérdida o con pérdida?

Con el control de calidad al 100% se pasa a WebP sin pérdida: píxeles idénticos y aun así más liviano que PNG. Cualquier valor inferior es con pérdida, y ahí es donde está el ahorro espectacular.

¿Mis archivos se guardan en algún lugar?

No, la conversión no guarda nada.

Conviene saber: No genera imágenes animadas: convierte imágenes fijas.

Agrega esta herramienta a tu sitio web

Gratis para cualquier blog, página de clase o artículo de ayuda. Pega un fragmento de código y tus visitantes podrán usarla directamente en tu página.