Comparativas Diseño y multimedia

JPEG frente a PNG frente a WebP frente a AVIF

Qué formato de imagen usar: JPEG para fotos en todas partes, PNG para gráficos sin pérdida, WebP y AVIF para archivos más ligeros en la web moderna.

Última revisión:

AdSense Placeholder
Slot: header_reference_page
En esta página

Para fotos que tienen que abrirse en cualquier sitio, use JPEG. Para capturas de pantalla, logotipos y todo lo que necesite píxeles exactos o transparencia, use PNG. En la web, WebP produce archivos más ligeros que ambos y lo admite casi todo, y AVIF suele comprimir las fotos aún más, a cambio de una codificación más lenta y de algunos clientes antiguos que no lo abren.

De un vistazo

Propiedad JPEG PNG WebP AVIF
Compresión Con pérdida Sin pérdida Con o sin pérdida Con o sin pérdida
Transparencia (alfa) No Sí Sí Sí
Animación No Extensión APNG Sí Sí
Profundidad por canal 8 (modo básico) De 1 a 16 8 8, 10 o 12
Gama amplia (perfil ICC) Sí Sí Sí Sí
HDR Solo con extensiones de mapa de ganancia Señalización añadida en la especificación de 2025 No Sí, nativo
Carga progresiva Sí (JPEG progresivo) Entrelazado (Adam7) No Limitada
Dimensiones máximas 65.535 × 65.535 2^31 − 1 por lado 16.383 × 16.383 Las imágenes grandes se guardan en mosaicos
Tamaño de archivo en fotos Referencia Muy grande Menor que JPEG Normalmente el menor
Velocidad de codificación Rápida Rápida a moderada Moderada Lenta
Metadatos EXIF, XMP, ICC eXIf, XMP, ICC EXIF, XMP, ICC EXIF, XMP, ICC
Compatibilidad Universal Universal Todos los navegadores actuales y la mayoría de aplicaciones Navegadores actuales; irregular en aplicaciones

El ahorro exacto depende de la imagen y del ajuste de calidad, así que compare archivos reales: pase la misma foto por el compresor de imágenes con varios ajustes y fíjese tanto en el tamaño como en el resultado al 100 % de zoom.

JPEG

JPEG (1992) divide la imagen en bloques de 8 × 8, descarta el detalle fino al que el ojo es menos sensible y suele guardar el color a menor resolución que el brillo. Con ajustes de calidad razonables eso es invisible en fotografías; en bordes nítidos y texto produce halos y artefactos en bloques. Cada nuevo guardado pierde un poco más.

Elija JPEG cuando la imagen sea una fotografía y deba abrirse en cualquier programa, cliente de correo, quiosco de impresión o dispositivo antiguo, o cuando comparta los originales de una cámara.

PNG

PNG guarda los píxeles sin pérdida con compresión DEFLATE tras un filtro de predicción por filas. Los colores planos y los patrones repetidos se comprimen muy bien; el ruido fotográfico no, así que una foto en PNG suele ocupar varias veces más que un buen JPEG.

Elija PNG cuando necesite píxeles exactos o transparencia completa: capturas de pantalla, diagramas, logotipos e iconos, pixel art o un archivo intermedio que volverá a editar. Convierta en sentido contrario con el conversor de JPG a PNG solo cuando necesite una copia de trabajo sin pérdida.

WebP

WebP (Google, 2010) tiene un modo con pérdida basado en los fotogramas intra del vídeo VP8 y un modo sin pérdida aparte, ambos con alfa y animación opcionales. WebP con pérdida guarda siempre el color a media resolución (4:2:0), lo que puede difuminar detalles finos rojos o azules. El límite de 16.383 píxeles por lado lo descarta para panorámicas muy grandes.

Elija WebP cuando sirva imágenes en la web y quiera un único formato moderno que muestren todos los navegadores actuales: fotos en lugar de JPEG y gráficos con transparencia en lugar de PNG. Convierta con el conversor de JPG a WebP o el conversor de PNG a WebP; para volver a algo que acepte el software antiguo, use el conversor de WebP a PNG.

AVIF

AVIF guarda fotogramas clave de vídeo AV1 en un contenedor HEIF. Admite color de 10 y 12 bits, HDR, croma a resolución completa y alfa, y en fotografías suele superar a WebP y JPEG en tamaño con la misma calidad visual, sobre todo a tasas de bits bajas. La codificación es mucho más lenta, y las texturas muy finas pueden quedar suavizadas.

Elija AVIF cuando el ancho de banda sea lo más importante (imágenes de cabecera grandes, páginas con muchas imágenes) y pueda ofrecer una alternativa. Muchos editores, visores del sistema operativo y formularios de subida aún lo rechazan; el conversor de AVIF a JPG lo resuelve para un archivo concreto.

¿Cuál elegir?

  • Foto para enviar por correo, imprimir o subir a cualquier sitio: JPEG.
  • Captura de pantalla, logotipo, diagrama o cualquier cosa con texto: PNG (o WebP sin pérdida en la web).
  • Fotos en un sitio web: AVIF con WebP o JPEG como alternativa en un elemento <picture>; o solo WebP si quiere un único formato.
  • Gráficos transparentes en un sitio web: WebP o AVIF, con PNG como alternativa.
  • Imagen que seguirá editando: un formato sin pérdida (PNG o el propio del editor), y exporte a uno con pérdida solo al final.
  • Necesita aplanar por compatibilidad: el conversor de PNG a JPG rellena la transparencia con un color de fondo.

Para saber cómo funcionan la compresión con y sin pérdida en estos formatos, vea Cómo funcionan los formatos de imagen y la compresión.

Pruebe estas herramientas

Véase también

  • Guía Cómo funcionan los formatos de imagen y la compresión
    JPEG, PNG, GIF, WebP, AVIF, HEIC y SVG comparados con tamaños medidos, con y sin pérdida, proporción de aspecto.
  • Glosario JPEG
    JPEG es un formato de imagen con pérdida pensado para fotografías que genera archivos pequeños descartando el detalle que el ojo menos.
  • Glosario PNG
    PNG es un formato de imagen sin pérdida con transparencia, adecuado para capturas, logotipos y gráficos con texto o colores planos.
  • Glosario WebP
    WebP es un formato de imagen moderno de Google que admite compresión con y sin pérdida.
  • Glosario AVIF
    AVIF es un formato de imagen basado en el códec de vídeo AV1 que da archivos muy pequeños con una calidad dada y admite transparencia.
  • Glosario Compresión de imágenes
    La compresión de imágenes hace más pequeño un archivo de imagen, ya sea de forma exacta (sin pérdida) o descartando detalle (con pérdida).

Preguntas frecuentes

No. El detalle que eliminó la compresión JPEG ya no existe; PNG solo guarda sin más pérdidas los píxeles ya dañados, normalmente en un archivo mucho más grande.

Las versiones actuales de Chrome, Edge, Firefox y Safari muestran AVIF, pero los navegadores antiguos y muchas aplicaciones de escritorio no. Sírvalo con una alternativa mediante el elemento HTML picture, para que esos clientes reciban WebP o JPEG.

PNG, WebP y AVIF admiten canal alfa. JPEG no: al convertir a JPEG, las zonas transparentes se rellenan con un color sólido.

AdSense Placeholder
Slot: footer_leaderboard