AVIF, WebP, JPEG, PNG: Qué Formato Usar Cuándo, en 2026
Publicado el 2026-07-20
Cuatro formatos cubren esencialmente toda imagen en la web en 2026, y la buena noticia es que rara vez necesitas pensar en más de dos de ellos para cualquier tarea dada. Aquí hay una guía práctica de decisión con números reales, más los casos donde el JPEG de 30 años sigue siendo la respuesta correcta.
Los contendientes, una línea cada uno
JPEG (1992): con pérdida, hecho para fotografías, aceptado universalmente. PNG (1996): sin pérdida, transparencia, bordes nítidos, aceptado universalmente. WebP (2010): modos con y sin pérdida, transparencia, animación, aproximadamente una generación mejor que JPEG en compresión. AVIF (2019, construido sobre el códec de video AV1): el campeón de compresión actual, con soporte de transparencia, animación, y HDR, a costa de una codificación lenta y un soporte más irregular fuera de los navegadores.
¿Qué pasa con HEIC y JPEG XL?
Dos formatos con los que te encontrarás pero que en general no deberías publicar. HEIC es lo que los iPhone capturan por defecto: excelente compresión, pero efectivamente un formato del ecosistema Apple, con soporte poco fiable en navegadores y en Windows, así que conviértelo a JPEG antes de compartir. JPEG XL es técnicamente excelente, posiblemente el mejor todoterreno sobre el papel, pero su historia de adopción es un lío: Chrome eliminó su soporte experimental en 2022 mientras Safari lo añadió después, y el estancamiento lo ha mantenido fuera de la lista segura. Trata a ambos como formatos de captura o archivo, no de entrega, hasta que eso se resuelva.
Compresión, con números
Para una fotografía típica con calidad visual equivalente, WebP queda alrededor de un 25 a 30 por ciento más pequeño que JPEG, y AVIF alrededor de un 40 a 50 por ciento más pequeño que JPEG, con su mayor ventaja en niveles de compresión agresivos. Concretamente: un JPEG de 1.2 MB guardado a calidad 80 suele salir alrededor de 850 KB como WebP y 600 a 700 KB como AVIF a calidad comparable. Para trabajo sin pérdida, el PNG optimizado es la base, y el WebP sin pérdida típicamente lo supera por un 20 a 25 por ciento.
Los números de AVIF vienen con dos advertencias. La codificación es lenta, segundos por imagen en lugar de milisegundos, lo cual importa para pipelines de build y conversiones masivas. Y a ajustes de calidad muy bajos AVIF falla de forma diferente a JPEG: en lugar de artefactos en bloques, suaviza textura fina como el grano de la piel y el follaje. Eso se ve más limpio a primera vista pero puede leerse plástico al inspeccionar de cerca.
Una trampa al comparar: los deslizadores de calidad no son comparables entre formatos. La calidad 80 de JPEG, la calidad 80 de WebP, y la calidad 80 de AVIF describen tres escalas internas diferentes, así que las comparaciones de "mismo ajuste de calidad" no tienen sentido. Compara por tamaño de salida a una calidad visual que encuentres aceptable, lo que en la práctica significa comprimir a un tamaño objetivo e inspeccionar el resultado lado a lado.
El soporte de navegadores está resuelto; todo lo demás no
A partir de 2026 la cuestión de navegadores es fácil: todo navegador moderno renderiza los cuatro formatos. WebP ha sido seguro en todas partes desde 2020, y AVIF desde que Safari 16 se lanzó en 2022. Los problemas de compatibilidad reales ahora viven fuera del navegador: clientes de correo que no renderizarán WebP o AVIF, visores de fotos integrados más antiguos, formularios de subida que solo aceptan .jpg y .png, imprentas, y pipelines de CMS o redes sociales que recodifican o rechazan formatos desconocidos. Eso lleva a la regla más útil de esta guía: en páginas web que controlas, usa formatos modernos libremente; para archivos que entregas al sistema de otra persona, JPEG y PNG siguen siendo la lengua franca.
Transparencia y animación
JPEG no tiene transparencia, punto; PNG, WebP, y AVIF soportan todos canales alfa. El caso interesante son las imágenes fotográficas con transparencia, como fotos de producto recortadas de su fondo: como PNG estas son enormes, porque PNG comprime mal el detalle fotográfico, y convertir una a WebP con alfa habitualmente recorta un 80 a 90 por ciento del tamaño. Para animación, el WebP y AVIF animados son mucho más pequeños que GIF, que está atascado con 256 colores y compresión de la era 1987. Para cualquier cosa más larga que un par de segundos, sin embargo, un archivo de video en bucle sin sonido supera a cualquier formato de imagen.
Cuándo JPEG y PNG siguen siendo correctos
JPEG sigue siendo correcto cuando la compatibilidad supera a los bytes: adjuntos de correo, archivos destinados a formularios y portales, cualquier cosa camino a impresión, y plataformas que recodifican las subidas de todas formas (la mayoría de redes sociales), donde tu AVIF cuidadosamente ajustado se convierte a su JPEG al llegar. También codifica esencialmente al instante y soporta renderizado progresivo, así que una conexión lenta muestra una imagen utilizable pronto.
PNG sigue siendo correcto para capturas de pantalla, maquetas de UI, diagramas, y logos, en cualquier lugar donde dominen los bordes duros y el color plano, porque los códecs con pérdida producen halos visibles alrededor de bordes nítidos. El error clásico va en el otro sentido: guardar fotografías como PNG, lo que produce archivos de 5 a 10 veces más grandes sin beneficio visible. Cubrimos esa trampa, y lo básico de los tres formatos más antiguos, en JPG vs PNG vs WebP.
La decisión en cinco líneas
Foto en un sitio que controlas: AVIF, con un respaldo WebP o JPEG vía el elemento picture. Foto que va a correo, un formulario de subida, o impresión: JPEG. Captura de pantalla, diagrama, o logo: PNG, o WebP sin pérdida donde controles el destino. Foto que necesita transparencia: WebP o AVIF. Animación corta: WebP o AVIF animados, o mejor aún un pequeño video en bucle.
Y antes de la elección de formato: revisa la resolución. Una foto de 4000 píxeles de ancho mostrada en una columna de 800 píxeles desperdicia más bytes de los que cualquier códec puede recuperar, así que redimensiona al tamaño de visualización primero, luego elige el formato.
Para las conversiones en sí, el conversor de imágenes de norito cambia entre JPG, PNG, y WebP directamente en tu navegador, y el compresor de imágenes comprimirá cualquiera de ellos a un tamaño de archivo objetivo. Si estás decidiendo cuánto puedes comprimir antes de que la calidad se vea visiblemente afectada, esta guía cubre los ajustes que importan.