PNG vs WebP

WebP casi siempre pesa menos; PNG es el archivo que envías sin pensarlo.

¿Cuándo PNG?

PNG cuando el archivo acaba en manos de otra persona cuyos programas no conoces. Se abre en todas partes desde hace décadas.

¿Cuándo WebP?

WebP para tu propia web. Hace lo mismo que PNG, transparencia incluida, y ocupa bastante menos.

Lo que casi siempre se pasa por alto

WebP lo entiende cualquier navegador actual, pero no todos los visores de imágenes ni el software antiguo. Quien envía un archivo por correo no sabe con qué lo van a abrir.

Pasar de PNG a WebP

Qué se pierde

PNG guarda hasta 16 bits por canal y WebP 8. Esa precisión de más es lo que aguanta correcciones fuertes sin bandas, así que conviene convertir después de editar y no antes.

Qué se conserva

No se descarta nada. PNG y WebP guardan su contenido sin pérdida, así que la conversión cambia el envoltorio y no la calidad, y puede repetirse sin que el daño se acumule.

La transparencia se conserva. PNG y WebP guardan canal alfa, así que un recorte sigue recortado y detrás no se rellena nada.

Qué añade el formato de destino

WebP puede contener animación; un archivo PNG es un solo fotograma. Sale un archivo de una imagen en un formato que admitiría más.

Abrir el resultado

Adobe Photoshop y GIMP leen tanto PNG como WebP, así que puedes comparar el resultado con el original sin un segundo programa.

Para qué sirve cada formato

PNG es el formato de PNG Development Group, publicado en 1996. Registra 16 bits por canal.

WebP viene de Google y es de 2010, recogido en RFC 9649. Adobe Photoshop, GIMP y Squoosh lo leen.

Pasar de WebP a PNG

Qué se pierde

PNG guarda una sola imagen fija. De un archivo WebP animado queda el primer fotograma y se pierde el resto: la conversión sirve para extraer una imagen, no para llevarse el movimiento.

Qué se conserva

No se descarta nada. WebP y PNG guardan su contenido sin pérdida, así que la conversión cambia el envoltorio y no la calidad, y puede repetirse sin que el daño se acumule.

La transparencia se conserva. WebP y PNG guardan canal alfa, así que un recorte sigue recortado y detrás no se rellena nada.

Abrir el resultado

Adobe Photoshop y GIMP leen tanto WebP como PNG, así que puedes comparar el resultado con el original sin un segundo programa.

Para qué sirve cada formato

WebP es el formato de Google, publicado en 2010. Registra 8 bits por canal.

PNG viene de PNG Development Group y es de 1996, recogido en ISO/IEC 15948. Adobe Photoshop, GIMP y Paint.NET lo leen.

Qué hace realmente pasar de PNG a WebP

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as PNG.

PNG139 KB

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as WebP.

WebP14 KB9.7× más pequeño

Una escena fotográfica: degradados suaves, bordes blandos, algo de grano. Es el caso para el que WebP está hecho, o justamente no lo está, y las cifras enseñan cuál de los dos. Las dos imágenes se dibujan por código y las codifica el mismo conversor que funciona en esta página, así que las cifras de tamaño son nuestra propia salida.
A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as PNG.

PNG7 KB

A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as WebP.

WebP4 KB38 % más pequeño

Un fondo transparente y un degradado sobre la forma. WebP conserva las dos cosas, solo una, o rellena la transparencia con un color fijo, y esa es la diferencia con la que tropieza casi todo el mundo. Las dos imágenes se dibujan por código y las codifica el mismo conversor que funciona en esta página, así que las cifras de tamaño son nuestra propia salida.
A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as PNG.

PNG3 KB

A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as WebP.

WebP11 KB4.2× más grande

Colores planos y bordes duros, como en una interfaz, un diagrama o un logotipo. Se comporta de manera completamente distinta a la foto de arriba, y por eso la respuesta es: depende de lo que haya dentro del archivo. Las dos imágenes se dibujan por código y las codifica el mismo conversor que funciona en esta página, así que las cifras de tamaño son nuestra propia salida.

Lado a lado

PNG y WebP comparados fila a fila: qué guarda cada formato y qué cuesta.
PNGWebP
Full namePortable Network GraphicsWebP Image
Extensión.png.webp
Tipo de medioimage/pngimage/webp
CompresiónSin pérdida — no se descarta nadaAmbas, según el ajuste
Esta página puede escribirlo

¿Ya lo tienes claro? Convierte aquí

De dónde salen estas cifras

Lo que esta página afirma sobre PNG and WebP se puede comprobar: aquí están los documentos que lo fijan.