JPG vs WebP

A igual calidad visible, WebP pesa entre una cuarta y una tercera parte menos.

¿Cuándo JPG?

JPG cuando el archivo se va a entregar o a subir a un sistema que no acepta otra cosa.

¿Cuándo WebP?

WebP para páginas web. La ventaja de tamaño es real y se nota directamente en el tiempo de carga.

Lo que casi siempre se pasa por alto

Convertir a WebP un JPG que ya existe rinde menos de lo que prometen las cifras: lo que descartó el codificador JPEG ya no está, y WebP no puede devolverlo. La ventaja completa solo aparece partiendo del original.

Qué hace realmente pasar de JPG a WebP

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

JPG9 KB

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

WebP14 KB65% larger

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 JPG.

JPG6 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 KB25% smaller

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 JPG.

JPG16 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 KB34% smaller

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

JPG y WebP comparados fila a fila: qué guarda cada formato y qué cuesta.
JPGWebP
Full nameJPEG ImageWebP Image
Extensión.jpg, .jpeg, .jpe.webp
Tipo de medioimage/jpegimage/webp
CompresiónCon pérdida — el tamaño se paga con calidadAmbas, según el ajuste
Esta página puede escribirloSíSí

¿Ya lo tienes claro? Convierte aquí

De dónde salen estas cifras

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