WebP vs JPG vs PNG vs AVIF: ¿cuál usar?

Si alguna vez hiciste clic derecho en "Guardar imagen como" y te quedaste mirando un menú de formatos, ya conoces el problema: JPG, PNG, WebP y ahora AVIF compiten por ser "el correcto", y la respuesta honesta es depende de qué hay en la imagen y a dónde va. Aquí va la versión práctica, sin marketing.

La versión corta

JPGPNGWebPAVIF
CompresiónCon pérdidaSin pérdidaAmbasAmbas
TransparenciaNo
AnimaciónNoSí (APNG)
Tamaño típico en fotosReferenciaMucho mayor25-35% menor40-50% menor
Velocidad de codificaciónRápidaRápidaRápidaLenta
Lo acepta todo el mundoCasiTodavía no

Cada una de esas filas tiene un "pero". El resto del artículo va de eso.

JPG: la opción por defecto para fotos

JPG (o JPEG) usa compresión con pérdida: descarta detalle que tu ojo probablemente no vaya a notar a cambio de un archivo mucho más pequeño. Ese intercambio es justo el adecuado para fotografías, donde ya hay muchísimo detalle natural y ruido de sobra.

El mecanismo explica casi todo el comportamiento del JPG. El codificador trocea la imagen en bloques de 8×8 píxeles y describe cada uno como una suma de patrones de onda, y luego descarta primero las ondas más finas, porque ahí es donde el ojo es peor detectando. Las zonas suaves necesitan muy pocas ondas para describirse, así que comprimen enormemente. Los bordes nítidos necesitan muchas, así que comprimen fatal.

Ese único hecho predice todos los artefactos de JPG que hayas visto. El texto y los logotipos desarrollan un halo tenue, porque un borde duro de negro a blanco es lo más difícil de describir con un puñado de ondas. Los cielos y los degradados desarrollan escalones visibles, porque el codificador está aproximando una rampa sutil con demasiadas pocas.

  • Ideal para: fotos, cualquier cosa con degradados, color complejo o textura.
  • Punto débil: bordes nítidos y colores planos (texto, logotipos, capturas de interfaz) quedan con "artefactos" borrosos alrededor.
  • Sin soporte de transparencia. Guarda una imagen transparente como JPG y el fondo se vuelve blanco.

Hay otra trampa específica del JPG: la pérdida generacional. Cada vez que abres un JPG y lo vuelves a guardar, el codificador descarta detalle de una imagen a la que ya se le había descartado detalle. Hazlo media docena de veces y la degradación se vuelve evidente. Vuelve siempre al original cuando puedas, en lugar de regrabar el mismo JPG una y otra vez.

PNG: la opción por defecto para gráficos

PNG es sin pérdida: nunca descarta detalle, lo que significa que un PNG siempre se ve idéntico píxel a píxel respecto a su origen. El coste es el tamaño: PNG tiene que esforzarse mucho más para encoger una imagen sin perder nada, así que en una foto real suele acabar siendo más grande que un JPG equivalente.

PNG comprime encontrando repetición: tiradas largas de píxeles idénticos, filas que se parecen a la de arriba. Una captura de un panel de ajustes es sobre todo gris plano y formas repetidas, así que encoge muchísimo. Una fotografía de hojas no tiene repetición exacta en ninguna parte, así que PNG tiene muy poco con lo que trabajar y el archivo se queda enorme.

  • Ideal para: logotipos, iconos, capturas de pantalla, ilustraciones, cualquier cosa con color plano o texto, y todo lo que necesite fondo transparente.
  • Punto débil: las fotos. El deslizador de calidad influye poco en una salida PNG pura, porque no hay un paso con pérdida que elimine detalle de verdad; en su mayor parte solo estás recodificando los mismos píxeles de forma más eficiente.

Conviene saberlo: PNG tiene dos variantes comunes. PNG-24 guarda color completo y es lo que exporta la mayoría de programas. PNG-8 guarda una paleta de como mucho 256 colores y puede ser varias veces más pequeño — realmente útil para logotipos de color plano e iconos simples, y pésimo para cualquier cosa con degradados, que se convierten en bandas visibles.

WebP: el término medio moderno

WebP admite los dos modos: con pérdida (como JPG, pero normalmente entre un 25% y un 35% más pequeño con la misma calidad visual) y sin pérdida (como PNG, con una compresión bastante mejor en la mayoría de imágenes). También admite transparencia y animación. Para el uso del día a día, WebP es sencillamente una versión más pequeña del formato que habrías elegido de todas formas.

Su lado con pérdida está construido sobre VP8, un códec de vídeo de 2010, y mejora al JPG sobre todo prediciendo cada bloque a partir de sus vecinos antes de codificar la diferencia, de modo que una región suave cuesta casi nada de almacenar. El modo sin pérdida de WebP es un diseño aparte, y es genuinamente bueno: en capturas y gráficos planos supera al PNG de forma rutinaria por un 20% o más manteniéndose idéntico píxel a píxel.

  • Ideal para: casi todo, si la plataforma a la que subes lo admite.
  • Punto débil: un puñado de herramientas antiguas, algunos flujos de imprenta y unas cuantas plataformas siguen sin aceptarlo. Esa es la razón más común por la que la gente acaba necesitando convertir un archivo WebP de vuelta a JPG o PNG.

AVIF: el más nuevo, y el más eficiente

AVIF es más nuevo que WebP y, en compresión pura, suele ganarle: a menudo entre un 20% y un 30% más pequeño que un WebP equivalente con la misma calidad visual, con modos con y sin pérdida.

Está construido sobre AV1, un códec de vídeo terminado una década después que VP8, y hereda herramientas mucho mejores para predecir y codificar bloques de píxeles. También admite mayor profundidad de bits, que es la razón de que AVIF maneje cielos y sombras con menos bandeado que JPG o WebP a un tamaño comparable.

Todos los navegadores modernos ya muestran AVIF sin problema: el soporte de decodificación lleva tiempo siendo universal. Crear uno era la pega: los únicos navegadores con codificador AVIF nativo son Chrome y Edge, porque Firefox y Safari nunca incluyeron uno. img-compress esquiva eso ejecutando su propio codificador AVIF compilado a WebAssembly en lugar de depender del navegador, así que convertir a AVIF funciona igual sea cual sea el navegador que uses.

  • Ideal para: exprimir el archivo más pequeño posible, sobre todo en fotos — cuanto más grande la imagen, más suele ganarle a WebP.
  • Punto débil: lento de producir, y su sobrecarga de contenedor solo compensa por encima de cierto tamaño. Codificando el mismo icono plano a calidad fija, medimos WebP más pequeño a 40 píxeles de lado y por debajo, con AVIF por delante a partir de 48 px — y el PNG a secas más pequeño que ambos a esos tamaños. Los favicons y los iconos diminutos no son donde AVIF compensa.

Lo que no va de tamaño

La elección de formato se plantea casi siempre como un concurso de compresión, pero hay otras tres propiedades que la deciden igual de a menudo.

Transparencia. JPG no tiene. Si una imagen tiene fondo transparente y la conviertes a JPG, ese fondo se rellena de blanco — un viaje de ida, y con diferencia la sorpresa desagradable más común al convertir. PNG, WebP y AVIF lo manejan sin problema.

Animación. GIF sigue siendo el formato aceptado universalmente, y también con diferencia el peor: 256 colores y archivos enormes. El WebP y el AVIF animados son drásticamente más pequeños y se ven mucho mejor. APNG existe y funciona, pero queda en una posición incómoda entre ambos.

Metadatos. JPG, WebP y AVIF pueden llevar EXIF: modelo de cámara, marcas de tiempo y a menudo coordenadas GPS. Si vas a publicar una foto en abierto, merece la pena pensarlo. Recodificar a través de un conversor suele descartar casi todo, lo que normalmente es una ventaja y no una pérdida.

¿Y el HEIC?

Si tus imágenes salen de un iPhone, probablemente sean HEIC y no ninguno de los cuatro anteriores. HEIC comprime más o menos tan bien como AVIF, pero es en la práctica un formato del ecosistema de Apple: el soporte fuera de ahí es irregular y montones de formularios de subida lo rechazan de plano. La respuesta práctica es casi siempre convertirlo a JPG antes de enviarlo a ningún sitio. Cubrimos la parte específica de Windows en cómo abrir archivos HEIC en Windows.

Soporte en 2026: ver está resuelto, subir no

Para mostrar imágenes, la cuestión está zanjada. Todos los navegadores que siguen recibiendo actualizaciones manejan los cuatro formatos. Si tu única preocupación es que un visitante pueda ver la imagen, WebP y AVIF no suponen ningún riesgo real.

La fricción se ha mudado a otro sitio: los formularios de subida. Portales de la administración, sistemas de candidaturas de empleo, gestores de contenido antiguos, imprentas y una larga cola de software de escritorio siguen esperando JPG o PNG y rechazan cualquier otra cosa, a menudo con un error poco útil. Por eso "convertir WebP de vuelta a JPG" es una necesidad tan habitual pese a que WebP se ve en todas partes. El soporte del navegador y la aceptación de la plataforma son dos cosas distintas, y solo la primera está terminada.

Cuatro errores que cuestan más bytes

  1. Guardar fotos como PNG. El error más caro con diferencia. Una foto que serían 400 KB en JPG puede irse fácilmente a 3 MB en PNG, sin ningún beneficio visible.
  2. Guardar capturas con texto como JPG. El error exactamente contrario. La compresión con pérdida emborrona los bordes duros de las letras, así que acabas con un archivo que además de borroso es más grande de lo que habría sido el PNG.
  3. Regrabar el mismo JPG una y otra vez. La pérdida generacional se acumula en silencio. Vuelve al original.
  4. Comprimir sin redimensionar. Si una foto de 4000 píxeles de ancho va a un sitio que la muestra a 800, reducirla gana a cualquier ajuste de calidad. La compresión es el segundo paso, no un sustituto del primero.

Entonces, ¿cuál necesitas?

  • Es una foto y quieres el archivo más pequeño razonable → AVIF para el resultado más pequeño posible, o WebP si prefieres ceder algo de compresión a cambio de una conversión más rápida.
  • Es un logotipo, un icono o una captura con texto → PNG, o WebP sin pérdida si la plataforma lo admite.
  • Necesitas que funcione absolutamente en todas partes, sin excepciones → JPG para fotos, PNG para gráficos.
  • Tienes un WebP o un AVIF y el sitio al que subes lo rechaza → conviértelo a JPG o PNG.
  • Es un icono diminuto → PNG. Los formatos modernos no tienen nada que ofrecer a ese tamaño.

Convertir entre cualquiera de ellos, sin adivinar

Una vez sabes qué formato necesitas, img-compress cubre los cuatro: JPG, PNG, WebP y AVIF, convirtiendo en cualquier dirección y funcionando por completo en tu dispositivo, así que no se sube nada, ya sea una sola foto o una carpeta entera. Si ya sabes que quieres JPG↔PNG en concreto, los conversores dedicados de JPG a PNG y PNG a JPG van directos al grano. También lee archivos HEIC/HEIF en Safari, así que una foto de iPhone puede ir directa al formato que la situación pida. Y si estás sopesando los dos formatos modernos en concreto, AVIF vs WebP profundiza en esa comparación.