JPEG, PNG, WebP o AVIF: ¿cuál conservar?
Tengo la misma imagen en cuatro formatos. ¿Cuál me quedo y cuál borro?
Empieza por la imagen, no por el formato
La discusión sobre formatos casi siempre es la discusión equivocada para empezar. Lo que decide el resultado es el contenido de la imagen. Las fotografías están hechas de degradados suaves y ruidosos, sin series de píxeles repetidos. Las capturas de pantalla, los logotipos, los diagramas y el pixel art están hechos de zonas planas, bordes duros y un número pequeño de colores exactos. Esos dos tipos de imagen se comprimen con mecanismos completamente distintos, y un formato excelente con uno suele ser mediocre con el otro.
Así que la primera pregunta no es «¿es AVIF mejor que JPEG?». Es «¿esto es una fotografía o un gráfico, y necesita transparencia?». Una vez que respondes a eso, la lista de candidatos suele quedarse en uno o dos formatos.
Qué hace en realidad cada formato
| Formato | Compresión | Transparencia | Animación | Dónde encaja mejor |
|---|---|---|---|---|
| JPEG | Solo con pérdida | No | No | Fotografías que deben abrirse en cualquier sitio |
| PNG | Solo sin pérdida | Sí, alfa de 8 bits | No (APNG es una función aparte) | Capturas, logotipos, gráficos planos, píxeles exactos |
| WebP | Con pérdida o sin pérdida | Sí, en ambos modos | Sí | Sustituto general tanto de JPEG como de PNG |
| AVIF | Con pérdida o sin pérdida | Sí, incluso de 10 bits | Sí | Fotografías cuando el tiempo de codificación es asumible |
La tabla oculta algo que conviene decir en voz alta: un PNG no se puede hacer más pequeño bajando un control de calidad, porque no tiene control de calidad. Un optimizador de PNG reduce el archivo encontrando un filtro de predicción mejor y una paleta mejor, no descartando detalle. Por eso una fotografía guardada como PNG sigue siendo enorme por muchas herramientas que le pases: no hay nada en el formato que le permita tirar información.
Con pérdida y sin pérdida no son notas de calidad
Es tentador leer «sin pérdida» como «bueno» y «con pérdida» como «malo». No son notas de calidad, son trabajos distintos. Sin pérdida significa que los píxeles decodificados son idénticos bit a bit a los que entraron; es la elección correcta cuando los píxeles son lo importante, como en la captura de una interfaz de la que alguien va a leer texto. Con pérdida significa que el codificador puede descartar detalle que el ojo distingue mal, que es la única razón por la que una fotografía de doce megapíxeles cabe en unos cientos de kilobytes.
Una regla útil: si te fijarías en un solo píxel mal puesto, usa un formato sin pérdida. Si no te fijarías, un formato con pérdida con un ajuste de calidad sensato dará un archivo mucho más pequeño y no serás capaz de ver la diferencia a un tamaño de visualización normal.
Dónde se ganan su sitio WebP y AVIF
Los dos formatos más nuevos usan herramientas de predicción y de transformada que JPEG, normalizado en 1992, no tiene. En la práctica eso significa que pueden alcanzar una calidad visual similar con un tamaño menor, y que ambos manejan la transparencia, algo que JPEG no puede hacer en absoluto. WebP es el pragmático: codifica rápido y sustituye tanto a JPEG como a PNG con un solo formato. AVIF es el ambicioso: usa las herramientas intracuadro del códec de vídeo AV1, admite profundidades de bits mayores y en general da el archivo más pequeño de los cuatro con contenido fotográfico.
El coste es el tiempo de codificación. Codificar AVIF es un problema de búsqueda, y el codificador le dedica tiempo real de CPU. En una pestaña del navegador, en un móvil, ese tiempo es el tuyo: por eso FileSlimmer muestra el progreso por archivo en AVIF en lugar de fingir que la espera no está ocurriendo. Si estás convirtiendo una sola imagen destacada, el intercambio compensa claramente. Si estás convirtiendo cuatrocientas, plantéate WebP.
Convertir un archivo viejo no deshace el daño viejo
Esta es, con diferencia, la decepción más habitual. Si coges un JPEG que se guardó con calidad baja hace años y lo conviertes a PNG o a WebP sin pérdida, los artefactos de bloque y los halos se copian fielmente al archivo nuevo. Sin pérdida significa «idéntico a la entrada», y la entrada ya traía el daño incrustado en sus píxeles. Obtienes un archivo más grande con exactamente los mismos defectos.
Convertir un archivo con pérdida a otro formato con pérdida es una segunda pasada de compresión, independiente, así que puede añadir sus propios artefactos encima. Cuando puedas elegir, convierte a partir del archivo más original que conserves —el original de la cámara, la exportación de la herramienta de diseño— y no de una copia que ya ha pasado por un compresor.
Una lista corta que sí puedes usar
- Fotografía que tiene que abrirse en cualquier cosa, incluido software antiguo: quédate con JPEG.
- Fotografía para tu propia web o aplicación, y controlas qué la lee: WebP, o AVIF si puedes permitirte el tiempo de codificación.
- Captura de pantalla, logotipo, diagrama, gráfico o cualquier cosa con texto en los píxeles: PNG, o WebP sin pérdida si el tamaño importa más que la compatibilidad universal.
- Cualquier cosa que necesite fondo transparente: PNG, WebP o AVIF. JPEG no.
- Una copia de archivo que quizá vuelvas a editar: conserva el archivo original, sea el que sea, y trata cada versión comprimida como desechable.
Lo que esta comparación no te dice
Aquí no hay una clasificación por tamaño, y es a propósito. Las comparaciones publicadas se miden sobre un conjunto de imágenes concreto, con versiones y ajustes del codificador concretos, y el resultado se mueve en cuanto cambia cualquiera de esas cosas. Tu propia imagen es la única prueba que describe tu propia imagen. Convierte el mismo origen una vez a cada candidato con un ajuste de calidad que te parezca aceptable y compara después los dos números y las dos imágenes una al lado de la otra.
La compatibilidad también cambia con el tiempo. Antes de comprometer una biblioteca entera con un formato más nuevo, comprueba qué tiene que abrir los archivos: un navegador, la galería de un móvil, una impresora, la aplicación de escritorio de hace diez años de un cliente. El mejor formato es el más pequeño que todo lo de esa lista pueda leer de verdad.
Herramientas para esta tarea
Fuentes
- ITU-T T.81 — the JPEG standard
- W3C — Portable Network Graphics (PNG) Specification (Third Edition)
- Google — WebP container and bitstream documentation
- Alliance for Open Media — AV1 Image File Format (AVIF)