WebP vs AVIF vs JPG: ¿qué formato elegir en 2026?
El JPG lleva 30 años reinando en la web, pero dos jóvenes pretendientes — WebP y AVIF — prometen hasta la mitad de peso para una calidad visual equivalente. En 2026, ¿cuál merece la pena para tu sitio web? Comparativa con datos en la mano de los tres formatos, con las consecuencias reales sobre los Core Web Vitals.
Lo que está en juego: por qué el peso de las imágenes importa
En la web moderna, las imágenes representan de media entre el 50 % y el 65 % del peso total de una página (fuente: HTTP Archive 2025). Es más que el HTML, el CSS y el JavaScript juntos. Reducir el peso de las imágenes significa, mecánicamente, acelerar toda la página.
Desde la actualización Page Experience de Google en 2021, la velocidad de carga es un factor de clasificación SEO oficial. Y la métrica más impactante — el LCP (Largest Contentful Paint) — viene determinada casi siempre por la imagen principal de tu página. Una imagen hero que pasa de 800 KB a 300 KB suele hacer ganar 1 o 2 segundos de LCP, lo que puede ser la diferencia entre un "Bueno" y un "Necesita mejoras" en Google.
O sea: el reto no es solo estético. Elegir el formato de imagen correcto en 2026 es optimizar tu SEO, tu tasa de conversión en móvil y tu factura de CDN. Veamos en detalle qué valen WebP y AVIF frente al viejo JPG.
JPG — el estándar universal pero anticuado
El JPG (o JPEG, Joint Photographic Experts Group) data de 1992. Es el formato de imagen digital más extendido del mundo: todos los navegadores, todos los sistemas operativos, todos los programas de retoque y prácticamente todos los servicios online lo leen sin instalar absolutamente nada. Esa compatibilidad absoluta sigue siendo su gran baza en 2026.
El JPG usa compresión destructiva optimizada para fotografía: analiza las zonas donde el ojo humano es poco sensible (variaciones sutiles de tono, microdetalles en las sombras) y elimina información ahí para reducir el peso. La calidad de exportación va de 1 (muy comprimido, con artefactos visibles) a 100 (calidad máxima, poco ahorro de peso). En la práctica, una calidad 75-85 ofrece el mejor compromiso para web.
Los límites del JPG: no soporta transparencia (canal alfa), no es ideal para gráficos vectoriales o visuales con pocos colores (logos, capturas de pantalla), y su compresión envejecida es menos eficaz que la de los formatos modernos. A misma calidad, un JPG pesa entre un 30 % y un 50 % más que un WebP.
WebP — la alternativa moderna de Google
WebP fue lanzado por Google en 2010, pero su generalización ha tardado una década. Ofrece una compresión bastante más eficiente que el JPG (de media, entre un 25 % y un 35 % menos de peso a misma calidad visual), soporta transparencia como el PNG, y también puede comprimir animaciones como el GIF. Es por tanto un formato híbrido que puede sustituir a JPG, PNG y GIF según el contexto.
La compatibilidad de WebP en 2026 ya es excelente: todos los navegadores modernos (Chrome, Firefox, Edge, Safari, Opera) lo soportan de fábrica, lo que representa aproximadamente el 97 % de los usuarios mundiales según caniuse.com. El 3 % restante son esencialmente navegadores antiguos (Internet Explorer 11, versiones viejas de Safari en iOS 13 o anteriores) que ya no se tienen en cuenta en 2026.
En la práctica, convertir todos los JPG de un sitio a WebP probablemente sea la optimización SEO más rentable que puedes hacer en 2026 en cuestión de minutos. La mejora media en el LCP es del 30-40 % en páginas cuya imagen hero pesaba más de 500 KB. Nuestra herramienta PixFlow (pixflow.tech/es/convert-jpg-to-webp) hace la conversión por lotes en pocos segundos.
AVIF — el recién llegado ultraeficiente
El AVIF (AV1 Image File Format) es aún más reciente, basado en el códec de vídeo AV1 desarrollado por la Alliance for Open Media (Google, Netflix, Mozilla, Amazon, Apple). Ofrece una compresión aún mejor que el WebP: de media, un 50 % menos de peso respecto al JPG a calidad visual equivalente, es decir, el doble de eficiente que WebP.
La compatibilidad de AVIF en 2026 ya es sólida: Chrome (desde 2020), Firefox (2021), Safari (iOS 16+ y macOS 13+), Edge — alrededor del 94 % de los usuarios mundiales. Los no soportados son esencialmente versiones antiguas de Safari en iOS 15 y anteriores, y algunos navegadores in-app de redes sociales que aún van rezagados.
El trade-off con AVIF tiene que ver con la velocidad de codificación. Convertir un JPG a AVIF requiere más tiempo de cálculo que pasarlo a WebP (de media, 5 a 10 veces más según la calidad buscada). Para un sitio con cientos de imágenes, puede suponer varias horas de procesamiento por lotes. Pero una vez codificado, el archivo final es más pequeño y de mejor calidad — algo que se rentabiliza con el tiempo.
Comparativa con cifras sobre una imagen típica
Tomamos una foto estándar de 4000 × 2667 píxeles (resolución típica de una cámara digital de 12 megapíxeles) y la exportamos en los tres formatos a calidad 80:
— JPG: 1 240 KB de media. Legible en cualquier sitio desde hace 30 años. Sin transparencia. — WebP: 720 KB (–42 % frente al JPG). Legible por el 97 % de los navegadores en 2026. Soporta transparencia. — AVIF: 480 KB (–61 % frente al JPG, –33 % frente al WebP). Legible por el 94 % de los navegadores en 2026. Soporta transparencia + HDR.
La diferencia visual en pantalla es invisible al ojo humano en la mayoría de los casos — los tres renderizados son prácticamente idénticos para una foto estándar. La ganancia está únicamente en el peso y, por tanto, en la velocidad de carga.
En la puntuación de Google PageSpeed, pasar de una imagen hero JPG de 1 240 KB a un AVIF de 480 KB suele hacer ganar 1 o 2 puntos de nota (sobre 100) y entre 0,8 y 1,2 segundos de LCP en conexión móvil 4G. Muy significativo para el ranking SEO.
Qué estrategia de formato adoptar en 2026
La mejor estrategia en 2026 es servir tus imágenes en el formato más moderno que soporte cada navegador, usando la etiqueta HTML <picture>:
<picture> <source srcset="hero.avif" type="image/avif"> <source srcset="hero.webp" type="image/webp"> <img src="hero.jpg" alt="..." loading="lazy"> </picture>
Esta etiqueta le dice al navegador: "Sirve AVIF si puedes, si no WebP, si no JPG como respaldo". El navegador elige automáticamente el primer formato que sepa decodificar, y el usuario siempre recibe la versión más óptima para su contexto.
En la práctica, ganas alrededor del 60 % de reducción global del peso para los usuarios de Chrome/Firefox/Edge recientes (que recibirán el AVIF), un 40 % en Safari iOS 16+ (AVIF), y un 30 % en todos los demás (que recibirán el WebP). Solo los usuarios muy antiguos reciben el JPG como respaldo, y ya son minoría.
Nuestra herramienta PixFlow ofrece la conversión JPG→WebP (pixflow.tech/es/convert-jpg-to-webp) y JPG→AVIF (pixflow.tech/es/convert-jpg-to-avif). Para gráficos con transparencia (logos, iconos), ofrecemos PNG→WebP y PNG→AVIF, que conservan íntegramente el canal alfa.
¿Y qué pasa con HEIC entonces?
Quizá hayas oído hablar del HEIC, el formato de imagen usado por defecto en iPhone desde iOS 11. Técnicamente es un primo cercano del AVIF (ambos derivan del códec HEVC/H.265 para el HEIC, y AV1 para el AVIF). El HEIC ofrece una compresión similar al AVIF pero con muchísima menos compatibilidad web — no lo soportan ni Chrome ni Firefox.
Por esta razón, el HEIC NO es adecuado para web. Si tienes fotos en HEIC desde tu iPhone y quieres publicarlas online, conviértelas primero a JPG, WebP o AVIF (según tu estrategia). Nuestra herramienta PixFlow hace HEIC→JPG (pixflow.tech/es/convert-heic-to-jpg) y HEIC→PNG (pixflow.tech/es/convert-heic-to-png) en pocos segundos.
El HEIC sigue siendo excelente para el almacenamiento local en iPhone (ahorro de espacio), pero para publicar en web tienes que pasarlo a un formato adecuado para web — AVIF si es posible, WebP como estándar, JPG como respaldo.
En 2026, el JPG sigue siendo el formato de respaldo universal, pero ya no debería ser tu formato principal en un sitio moderno. La combinación ganadora para el SEO: codifica tus imágenes en AVIF (compresión máxima) y en WebP (amplia compatibilidad), luego usa la etiqueta <picture> con un fallback en JPG para los navegadores antiguos. Ahorras entre un 40 % y un 60 % de ancho de banda, mejoras tus Core Web Vitals y ofreces mejor experiencia a todos tus visitantes — sobre todo en móvil con 4G.