Saltar al contenido
Todas las guías
9 min de lectura

WebP vs AVIF vs JPEG: ¿qué formato exportar?

El «mejor» formato de imagen depende del destino, no de un tuit. Aquí hay un camino corto de decisión, con enlaces a las especificaciones y a un conversor local.

La guía de formatos de web.dev es el punto de partida correcto: prefiere formatos modernos cuando la audiencia puede decodificarlos, quédate con JPEG cuando necesitas soporte universal para fotos fijas, y quédate con PNG (o WebP sin pérdida) cuando necesitas interfaz nítida y transparencia. StackImage puede escribir JPEG, PNG, WebP y AVIF en el navegador. No puede escribir HEIC.

Un camino corto de decisión

  • Fotografías para correo, Word o un CMS terco: JPEG.
  • Fotografías para un sitio moderno: WebP primero, AVIF si ya tienes un respaldo JPEG/WebP.
  • Interfaz, logos, capturas con texto: PNG o WebP sin pérdida. No pases una captura a JPEG.
  • Animación: GIF de entrada, fotogramas PNG de salida si necesitas fijos. No somos un codificador de video.
  • Original de iPhone: decodifica HEIC y luego elige JPEG o WebP según el destino.

Qué son de verdad estos formatos

JPEG

El formato por defecto de foto fija desde los años 90. Con pérdida, sin alfa, en todas partes. JPEG.org mantiene la familia. El detalle fino y el texto sufren a baja calidad. Sirve para fotos de cámara.

PNG

Sin pérdida, con alfa. La especificación PNG del W3C es la referencia. Las fotografías en PNG suelen ser un desperdicio. Las capturas y los logos son el trabajo.

WebP

El formato de Google con modos con y sin pérdida, y alfa. La documentación de WebP y Can I use: WebP muestran por qué es la opción moderna segura en 2026.

AVIF

AV1 en un contenedor tipo HEIF. A menudo más pequeño que WebP con un aspecto similar, más lento de codificar. AVIF en GitHub (AOMedia) y Can I use: AVIF son las dos pestañas que conviene revisar antes de dejarlo como único formato.

Convertir el formato en local

HEIC de entrada, JPEG/PNG/WebP/AVIF de salida. El archivo no sale de la pestaña.

Convertir el formato en local

Lo que StackImage no va a hacer

Codificamos con los códecs del navegador, no con un build propio de mozjpeg o rav1e. El tiempo y la calidad siguen al dispositivo. Si necesitas un ajuste de esfuerzo AVIF de dos horas para la imagen de cabecera de inicio, usa Squoosh o un paso de build. Si necesitas HEIC de salida, usa las herramientas de Apple.

Fuentes

web.dev: Elige el formato de imagen correcto

El árbol de decisión que sigue este artículo.

web.dev: Elige el formato de imagen correcto

MDN: Guía de tipos y formatos de imagen

Descripción orientada al navegador de JPEG, PNG, WebP, AVIF, GIF y SVG.

MDN: Guía de tipos y formatos de imagen

Prueba estas herramientas

Más guías