En resumen
Para fotografías, JPEG sigue sirviendo y AVIF ocupa mucho menos; WebP queda en medio, y su ventaja frente a un JPEG bien codificado es menor que la cifra que suele repetir el marketing. Para capturas de pantalla, logotipos, diagramas y cualquier cosa con colores planos o transparencia, PNG o WebP sin pérdida, nunca JPEG. Abajo están las cifras que lo respaldan, sacadas de una codificación real y no de un gráfico de un fabricante.
Qué tiene que significar “más pequeño”
Comparar formatos con el mismo ajuste de “calidad 80” no tiene sentido: la escala de calidad es distinta en cada codificador. La única comparación justa es mismo resultado visual, ¿qué tamaño? Para este artículo, cada formato se codificó con una calidad creciente hasta alcanzar la misma similitud estructural (SSIM 0,98 frente al original, medida sobre la luminancia) y se anotó el tamaño en ese punto. Dos fotografías de prueba: una taza de espresso sobre una mesa (1200 × 800) y un retrato (1024 × 1024), ambas imágenes de muestra de dominio público. Codificadores: libjpeg-turbo, libwebp (method 6) y libavif (speed 4) mediante Pillow 12; las herramientas del sitio usan MozJPEG, que normalmente recorta otro 5–10 % de la cifra de JPEG.
| Formato | Foto 1 (1200×800) | Foto 2 (1024×1024) | Ajuste alcanzado |
|---|---|---|---|
| JPEG | 95 KB | 86 KB | q68 / q66 |
| WebP | 104 KB | 76 KB | q86 / q84 |
| AVIF | 59 KB | 47 KB | q60 / q58 |
| PNG (sin pérdida) | 1223 KB | 1034 KB | – |
| WebP sin pérdida | 860 KB | 701 KB | – |
Destacan dos cosas. AVIF es un 38–46 % más pequeño que JPEG con el mismo SSIM; esa parte de la historia es cierta. WebP, con estas fotos, queda más o menos empatado con JPEG: un 9 % más grande en una y un 12 % más pequeño en la otra. El tan citado “un 25–34 % más pequeño que JPEG” viene del estudio de Google de 2010, que lo comparaba con un codificador JPEG sin optimizar y con ajustes de calidad fijos; frente a un codificador moderno con calidad equiparada, la diferencia casi desaparece. Un matiz a favor de WebP: con tasas de bits bajas trata el detalle fino y los bordes nítidos algo mejor que JPEG, algo que SSIM premia poco. Otro en contra: WebP limita el croma a un submuestreo 4:2:0, así que un texto rojo saturado sobre una foto se difumina un poco donde un JPEG en 4:4:4 no lo haría.
Un matiz sobre la propia prueba: las dos imágenes de partida ya eran JPEG, así que todos los codificadores comprimían artefactos de compresión junto con la imagen. Partiendo de un original RAW o PNG, los tres formatos con pérdida saldrían algo más pequeños, y la clasificación no cambiaría.
PNG es para otro tipo de imagen
La tabla muestra un PNG doce veces más grande que el JPEG. No es que PNG sea malo: se le está pidiendo un trabajo que no le corresponde. PNG es sin pérdida (cada píxel se recupera exactamente) y las fotografías tienen ruido en cada píxel, y el ruido no se comprime. Con la tercera imagen de prueba, una ilustración recortada con colores planos y fondo transparente (900 × 600), el panorama se invierte:
| Formato | Tamaño |
|---|---|
| PNG | 66 KB |
| WebP sin pérdida | 55 KB |
| AVIF q80 | 54 KB |
| JPEG q90 | 76 KB, y la transparencia desaparece |
Colores planos, texto, capturas de pantalla, gráficos, logotipos: PNG o WebP sin pérdida. Un JPEG de una captura de pantalla muestra halos alrededor de cada letra y suele ser más grande que el PNG. Una foto guardada como PNG es un error del orden de megabytes que se nota en los tiempos de carga de la página y en los correos rechazados.
Compatibilidad con navegadores y aplicaciones, sin rodeos
- JPEG: todo, desde 1992. La opción segura para cualquier cosa que vaya a salir de tu control: servicios de impresión, formularios de la administración, teléfonos Android antiguos, documentos de Word.
- PNG: todo, desde aproximadamente 2005.
- WebP: todos los navegadores actuales (Safari desde la versión 14, de 2020). La aplicación Fotos de Windows lo abre; las versiones antiguas de Office, la mayoría de los quioscos de revelado y muchos formularios de subida todavía no.
- AVIF: Chrome 85+, Firefox 93+, Safari 16.4+ (2023), Edge 121+. Fuera del navegador, la compatibilidad es escasa: Windows necesita una extensión de la Store, macOS Ventura+ lo abre de forma nativa y la mayoría del resto del software no. En 2026 es un formato para servir imágenes en la web, no para entregárselas a la gente.
- HEIC: en la práctica, solo dispositivos de Apple; consulta Qué es HEIC.
Cuál elegir
- Enviar una foto a una persona o a un formulario: JPEG, calidad 80–85. Por encima de 90 el tamaño se duplica para una diferencia que nadie ve.
- Fotos en tu propio sitio web: AVIF con JPEG como alternativa (
<picture>), o WebP si tu flujo de imágenes aún no puede generar AVIF. - Captura de pantalla, logotipo, diagrama, cualquier cosa con transparencia: PNG; WebP sin pérdida si quien lo recibe es un navegador.
- Archivar tus propias fotos: conserva el original, sea cual sea; no lo “conviertas para ahorrar espacio”, porque cada recodificación con pérdida resta calidad.
El Convertidor de imágenes pasa de cualquiera de los cuatro formatos a otro en el navegador, y el Compresor de imágenes muestra el antes y el después lado a lado con el tamaño que va a generar, para que puedas detenerte en la calidad que de verdad se ve igual y no en la que trae el control deslizante por defecto.
