WebP vs AVIF

AVIF pesa todavía menos; WebP codifica más rápido y funciona en equipos antiguos.

¿Cuándo WebP?

WebP cuando hay que procesar muchas imágenes deprisa o cuando también hay que servir a navegadores viejos.

¿Cuándo AVIF?

AVIF cuando lo que importa es el tamaño y el tiempo de codificación da igual. En fotos, un veinte o treinta por ciento por debajo de WebP es lo habitual.

Lo que casi siempre se pasa por alto

Codificar en AVIF tarda varias veces más que en WebP. Con una imagen apenas se nota; con mil, se nota mucho.

Qué hace realmente pasar de WebP a AVIF

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

WebP14 KB

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

AVIF17 KB20% larger

Una escena fotográfica: degradados suaves, bordes blandos, algo de grano. Es el caso para el que AVIF 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 WebP.

WebP4 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 AVIF.

AVIF3 KB21% smaller

Un fondo transparente y un degradado sobre la forma. AVIF 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 WebP.

WebP11 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 AVIF.

AVIF5 KB2.1× 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

WebP y AVIF comparados fila a fila: qué guarda cada formato y qué cuesta.
WebPAVIF
Full nameWebP ImageAV1 Image File Format
Extensión.webp.avif
Tipo de medioimage/webpimage/avif
CompresiónAmbas, según el ajusteAmbas, 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 WebP and AVIF se puede comprobar: aquí están los documentos que lo fijan.