JPG vs PNG vs WebP vs AVIF: qué formato de imagen usar en cada caso

Al final, elegir un formato de imagen depende de tres preguntas: qué contiene (una foto o un gráfico con mucho texto y líneas), si necesitas fondo transparente y si quien lo recibe puede abrir ese formato. Este artículo explica primero las diferencias estructurales entre los cuatro formatos principales y termina con una tabla de elección según el uso. Las cifras de soporte en navegadores son las que consultamos en Can I use en la fecha de referencia (2026-09-23).

Tabla comparativa de un vistazo

Los porcentajes de soporte corresponden a la cuota mundial de uso de navegadores que recopila Can I use. Si tienes que contemplar navegadores antiguos o visores internos de una empresa, JPG y PNG siguen siendo la opción más segura.

JPG: el estándar de 30 años optimizado para fotos

JPG divide la imagen en bloques de 8×8 píxeles, los convierte en componentes de frecuencia mediante la transformada discreta del coseno (DCT) y descarta, mediante una cuantización gruesa, los componentes de alta frecuencia a los que el ojo humano es menos sensible. Además, la información de color suele guardarse con menos resolución que la luminancia (submuestreo de croma). Por eso, en fotos con transiciones suaves de color, como cielos o piel, es difícil notar diferencias incluso con una calidad en torno a 80, mientras que en imágenes con mucho texto, líneas o bordes de color plano aparecen manchas alrededor de los bordes (ringing, ruido de bloques).

• Ventajas: casi cualquier dispositivo, programa y formulario de carga lo acepta. El valor de calidad permite ajustar el peso en un rango muy amplio.
• Limitaciones: no tiene transparencia y cada vez que se guarda se acumula más pérdida. No sirve como archivo intermedio de edición.

PNG: la opción por defecto para texto, logos y capturas de pantalla

PNG es un formato sin pérdida que conserva los valores de los píxeles tal cual. Aplica a cada fila un filtro que calcula la diferencia con los píxeles vecinos y luego comprime con Deflate (de la misma familia que zip). En capturas de pantalla, diagramas y logos con grandes áreas del mismo color queda más pequeño y nítido que JPG, pero en fotos, donde cada píxel varía un poco, comprime mal y puede pesar varias veces más que un JPG.

La tercera edición de PNG, publicada por el W3C en junio de 2025, incorporó oficialmente al estándar el PNG animado (APNG), la información de color HDR y los bloques (chunks) EXIF. La compatibilidad con los archivos PNG existentes se mantiene intacta.

WebP: JPG y PNG en un solo formato

WebP incluye en un mismo formato un modo con pérdida (basado en el códec de vídeo VP8) y un modo sin pérdida, y ambos admiten transparencia y animación. Google afirma que, con el mismo índice de calidad SSIM, WebP con pérdida es entre un 25 y un 34% más pequeño que JPG y WebP sin pérdida es un 26% más pequeño que PNG. Son resultados de las pruebas propias de Google, así que el ahorro real varía según el contenido de la imagen y la configuración del codificador.

En noviembre de 2024 la especificación de WebP y su tipo de medio (image/webp) se registraron oficialmente como IETF RFC 9649. Safari lo admite desde la versión 14 (en macOS, a partir de Big Sur), así que, si muchos de tus usuarios tienen dispositivos Apple anteriores a 2020, conviene preparar también una imagen alternativa.

AVIF: el formato más reciente, el más ligero pero lento de codificar

AVIF guarda imágenes comprimidas con AV1, un códec de vídeo libre de regalías, dentro de un contenedor de la familia HEIF. La Alliance for Open Media (AOMedia) publicó la especificación 1.0.0 en febrero de 2019. Admite color de 10 y 12 bits por canal y HDR, y con la misma calidad suele quedar más pequeño que WebP. En cambio, la codificación exige mucho cálculo, por lo que convertir varias fotos grandes lleva bastante tiempo y, según MDN, no admite la visualización progresiva.

Las versiones de los principales navegadores desde las que hay soporte son Chrome 85, Firefox 93, Safari 16.4 (soporte parcial desde 16.1) y Edge 121. Edge fue el último en sumarse (a principios de 2024), así que si el Edge del ordenador de tu empresa está bloqueado en una versión antigua, puede que no lo muestre.

Cada formato se degrada de forma distinta

Aunque hablemos de "baja calidad" en todos los casos, cada formato se deteriora de una manera diferente. Saber dónde mirar al revisar el resultado facilita decidir el valor de calidad.

• JPG: los bordes de los bloques de 8×8 se ven como una cuadrícula y aparecen halos ondulados (ringing) alrededor del texto y las líneas. En zonas suaves como el cielo aparecen escalones en forma de bandas.
• WebP (con pérdida): las marcas de bloque son menos visibles que en JPG, pero los detalles se emborronan y los colores se corren. Las líneas finas rojas y azules se difuminan especialmente.
• AVIF: incluso con calidad baja casi no hay marcas de bloque, pero texturas como la piel, el césped o el pelo pueden quedar lisas, con aspecto de "acuarela".
• PNG: al ser sin pérdida, la calidad no se degrada. Pero si reduces el número de colores para bajar el peso, aparecen bandas en los degradados.

Al revisar el resultado, es mejor ampliar al 100% o más las caras, el texto y el cielo y compararlos con el original, en lugar de mirar la imagen completa.

¿Dónde quedan JPEG XL y HEIC?

• JPEG XL: es un formato de nueva generación con muchas ventajas, como volver a guardar JPG existentes sin pérdida y con menos peso, pero en la fecha de referencia, según Can I use, solo Safari 17 o superior lo admite parcialmente y Chrome y Firefox no lo muestran con la configuración predeterminada. Todavía es pronto para usarlo directamente en la web.
• HEIC: es el formato predeterminado de las fotos de iPhone, pero entre los navegadores solo Safari 17 o superior lo muestra. Lo habitual es convertirlo a JPG antes de enviarlo o compartirlo (guía sobre HEIC).

Cómo elegir según la situación

1. ¿El destino (organismo público, escuela, tienda online) indica qué formatos acepta? → Sigue esa lista. En la mayoría de los casos es JPG.
2. ¿Necesitas fondo transparente? → Para la web, WebP; para edición o impresión, PNG.
3. ¿Es una foto o un gráfico? → Para fotos, JPG (compatibilidad) o WebP/AVIF (peso); para texto, líneas y diagramas, PNG o WebP sin pérdida.
4. ¿Quieres que tu sitio web cargue más rápido? → Usa AVIF o WebP y deja un JPG para los navegadores antiguos.

Qué tener en cuenta al convertir

• Convertir de un formato con pérdida a otro con pérdida acumula pérdidas. Si pasas un JPG a WebP, la pérdida de WebP se suma a la información que JPG ya descartó. Si tienes el original, convierte una sola vez a partir de él.
• Al pasar de transparente a opaco (PNG o WebP → JPG), las zonas transparentes deben rellenarse con un color de fondo, como el blanco.
• La profundidad de color y el HDR se reducen a 8 bits en el momento de convertir a JPG.
• Cuando cambiar de formato no basta para reducir el peso, lo más eficaz es bajar también la resolución. Explicamos el principio en detalle en cómo se reduce el peso de una foto.

Puedes convertir entre formatos sin salir del navegador con la herramienta convertir formato de imagen, y encontrarás las especificaciones de cada formato en el diccionario de formatos.

Preguntas frecuentes

Actualizado: 2026-09-23

Fuentes

• MDN — Image file type and format guide
• Google for Developers — An image format for the Web (WebP)
• ITU-T Recommendation T.81 (09/92) — especificación JPEG
• W3C — PNG Specification (Third Edition)
• AOMedia — AV1 Image File Format (AVIF)
• Can I use — WebP image format
• Can I use — AVIF image format
• Can I use — HEIF/HEIC image format
• Can I use — JPEG XL image format