Ir al contenido principal
PulsarKit

WebP vs AVIF vs JPEG, medidos con una sola foto de teléfono

Pasamos por JPEG, WebP y AVIF, en el navegador, una foto de teléfono de 12 megapíxeles, una captura de pantalla y un logotipo transparente. Aquí están los tamaños de archivo con la misma calidad, los tiempos de codificación y las huellas que deja cada formato.

Por PulsarKit ·

La respuesta corta

Con nuestra foto de prueba, AVIF dio el archivo más pequeño con la misma calidad, alrededor de una cuarta parte menos que JPEG. WebP quedó en medio, entre un 7 y un 13 por ciento por debajo de JPEG. JPEG dio el archivo más grande, y se abre en todos los navegadores principales, antiguos o nuevos.

AVIF lo paga en tiempo. Convertir a AVIF necesitó unos seis segundos para la foto de 12 megapíxeles con su ajuste predeterminado. Convertir a WebP y Comprimir imagen necesitaron alrededor de 1,6 segundos cada una. Con capturas de pantalla, WebP sin pérdida conservó todos los píxeles y aun así redujo el archivo en más de la mitad. Para la transparencia, elige WebP o AVIF: JPEG no la tiene.

Cómo medimos

El 20 de octubre de 2026 tomamos una foto de dominio público de Wikimedia Commons. Muestra un acantilado y un bosque en Gifu, Japón, y se hizo con un Pixel 9a. Mide 4000 × 3000 píxeles y pesa 4,4 MB: un JPEG típico de teléfono, con cielo, hojas y roca.

La soltamos en cada herramienta de pulsarkit.com, en Chrome 155, en un MacBook de 2023 con 12 núcleos de procesador. El cronómetro corría desde que se soltaba el archivo, o desde que se cambiaba un ajuste, hasta que se activaba el botón de descarga. Los tiempos de abajo salen de ejecuciones repetidas. La primera ejecución de una visita es más lenta, porque el codificador todavía se está descargando.

Los ajustes predeterminados no dan la misma calidad, así que también movimos los controles de calidad. Para comparar usamos SSIM, una medida estándar de cuánto se parece una imagen a otra, en la que 1 significa idénticas. La calculamos nosotros mismos con los archivos descargados, frente a la foto original.

Comprimir imagen conserva el formato, así que nuestros archivos JPEG son el JPEG del teléfono codificado de nuevo con MozJPEG. Usa calidad 70 en «Equilibrado» y 85 en «Máxima calidad». Otro codificador JPEG daría otros tamaños.

Tamaños de archivo con la misma calidad

Primero, los valores predeterminados, porque es lo que obtienes sin tocar nada. Comprimir imagen en «Equilibrado» convirtió la foto de 4,4 MB en 1,5 MB. Convertir a WebP con calidad 80 dio 2,1 MB, y Convertir a AVIF con calidad 60, 1,7 MB. El JPEG gana esta ronda solo porque es el que más se aleja del original. Su SSIM es 0,957, frente a 0,977 del WebP y 0,975 del AVIF.

Para igualar el 0,957 del JPEG, WebP necesitó calidad 60 y AVIF, calidad 50. Los archivos quedaron en 1,5 MB el JPEG, 1,4 MB el WebP y 1,2 MB el AVIF. Eso deja a WebP un 7 por ciento por debajo del JPEG y a AVIF, un 24 por ciento por debajo.

Con un SSIM igualado en torno a 0,978, JPEG necesitó «Máxima calidad», WebP calidad 81 y AVIF calidad 62. Eso dio 2,5 MB, 2,1 MB y 1,8 MB: WebP, un 13 por ciento menos que JPEG, y AVIF, un 26 por ciento menos. En las dos rondas, AVIF salió entre un 15 y un 18 por ciento más pequeño que WebP.

Son las cifras de una sola foto, y una imagen con más textura o con más cielo vacío las moverá. Cada herramienta muestra el tamaño antes y después, leído del archivo terminado, así que comprobarlo con tu propia foto lleva unos segundos.

Tiempo de codificación en el navegador

Comprimir imagen y Convertir a WebP tardaron entre 1,6 y 1,7 segundos con la foto. Convertir a AVIF tardó de 5,7 a 6,2 segundos con su ajuste predeterminado. La primera ejecución de AVIF de una visita tardó de 6,7 a 7,9 segundos. Esa ejecución también descarga el codificador, de alrededor de 1,1 MB.

En la pestaña, el codificador AVIF funciona con un solo núcleo del procesador. Por encima de 6 megapíxeles, la herramienta además sube la velocidad por su cuenta para acortar la espera. Nuestra foto de 12 megapíxeles se codificó a velocidad 7, aunque el menú «Velocidad de codificación» sigue mostrando 6 como valor predeterminado.

Con «Velocidad de codificación» en 10, la opción más rápida, el tiempo de la foto bajó a entre 1,4 y 1,6 segundos. El archivo salió un 1 por ciento más pequeño, y el SSIM cambió menos de 0,001. En esta foto, el ajuste rápido no costó nada que pudiéramos medir. En la tuya, compara los tamaños que muestra la página.

Detalle, capturas de pantalla y transparencia

Con el zoom al 100 por ciento, no logramos distinguir los tres archivos en ninguno de los dos niveles de calidad. Al 300 por ciento y en el nivel más bajo, cada formato deja su propia huella. El JPEG muestra unos bloques cuadrados tenues en el cielo liso y a lo largo de la línea de árboles. WebP y AVIF mantienen el cielo suave, pero también borran el grano fino del sensor de la cámara. AVIF es el que más suaviza: los huecos oscuros entre las hojas salen un poco más blandos y planos.

Los detalles pequeños de color sufren de otra manera. Ampliamos 8 veces una captura de pantalla. En WebP con pérdida y en AVIF con los ajustes predeterminados, las finas flechas rojas de un icono se oscurecieron y se emborronaron. Los dos guardan el color a media resolución de forma predeterminada, y WebP con pérdida lo hace siempre. WebP sin pérdida conservó las flechas sin cambios. AVIF con «Detalle de color» en 4:4:4 las mantuvo nítidas, a cambio de un 3 por ciento más de bytes.

La captura en sí, de una página web, es un PNG de 1280 × 800 y 79 KB, y favorece la compresión sin pérdida. WebP sin pérdida la dejó en 33 KB sin cambiar ni un píxel. WebP con pérdida dio 31 KB y AVIF, 27 KB, con el emborronado de antes. Comprimir imagen la mantuvo en PNG y llegó a 25 KB reduciéndola a 122 colores.

Para la transparencia usamos un logotipo PNG de 600 × 200 con bordes suaves, de 9,4 KB. Convertir a WebP lo dejó en 4,4 KB y Convertir a AVIF, en 4,5 KB. Los dos conservaron sus 206 niveles de transparencia; el valor alfa coincidió con el original en cada píxel. JPEG no tiene canal alfa, así que las zonas transparentes tienen que convertirse en un color sólido. Cuando un WebP transparente pasa a JPEG, WebP a JPG pone blanco detrás. Puedes elegir otro color en «Fondo para zonas transparentes».

Dónde no se abre cada formato

JPEG es la opción segura: MDN indica compatibilidad en todas las versiones de Chrome, Edge, Firefox, Opera y Safari. En caniuse.com, el 20 de octubre de 2026, WebP cubría el 97,18 por ciento del uso mundial de navegadores. AVIF cubría el 96,35 por ciento, incluida la compatibilidad parcial.

Los huecos están en el software antiguo. Safari en Mac muestra AVIF por completo desde la versión 16.4, y solo en parte de la 16.1 a la 16.3. Edge lo muestra desde la versión 121. Internet Explorer no abre ninguno de los dos formatos, y Opera Mini abre WebP, pero no AVIF. WordPress acepta AVIF desde la versión 6.5, y solo cuando la biblioteca de imágenes del servidor lo admite.

La Búsqueda de Google admite los dos en páginas web: sus directrices sobre imágenes enumeran WebP y AVIF junto a JPEG y PNG. Una diferencia se nota con conexiones lentas. AVIF no puede mostrarse de forma progresiva, así que el navegador no enseña nada hasta que ha llegado el archivo entero. Si un formulario o un programa antiguo rechaza WebP, WebP a JPG lo convierte en JPEG dentro de la pestaña.

Herramientas usadas en este artículo

Sigue leyendo