JPEG vs PNG vs WebP vs AVIF: qué formato de imagen usar

Elegir un formato de imagen solía ser sencillo: JPEG para fotos, PNG para todo lo demás. Hoy hay cuatro candidatos serios — JPEG, PNG, WebP y AVIF— y elegir el correcto puede reducir el tamaño de tus archivos a la mitad (o más) sin que nadie note una pérdida de calidad. Esta guía explica con detalle cómo comprime cada formato, qué puede y qué no puede hacer, y cómo elegir con seguridad.

JPEG: el caballo de batalla fotográfico

JPEG (o JPG) ha sido el formato por defecto para las fotografías desde los años 90, y con razón. Usa compresión con pérdida basada en la transformada discreta del coseno, que divide la imagen en bloques de 8×8 y descarta el detalle de alta frecuencia que tu ojo apenas percibe. En una foto típica puede ofrecer una décima parte del tamaño de un original sin comprimir sin pérdida apreciable a tamaños de visualización normales.

Sus debilidades son bien conocidas. JPEG no tiene transparencia(no hay canal alfa), no tiene animación y solo admite 8 bits por canal de color. También sufre con los bordes nítidos y el color plano — el texto, los logotipos y el arte lineal adquieren artefactos visibles de “ringing” alrededor de los bordes. Volver a guardar un JPEG repetidamente agrava el daño, porque la pérdida es permanente y acumulativa.

Compresión: solo con pérdida.
Transparencia / animación: ninguna.
Compatibilidad:universal — todos los navegadores y dispositivos fabricados.
Ideal para: fotografías e imágenes realistas complejas donde importa la máxima compatibilidad.

Cuando un JPEG es tu única opción, el objetivo es comprimirlo una sola vez y bien. Nuestro compresor de JPEGte permite ajustar el nivel de calidad y ver al instante el equilibrio de tamaño — completamente en tu navegador.

PNG: gráficos perfectos al píxel y transparencia

PNG es la contraparte sin pérdida de JPEG. Comprime con el mismo algoritmo DEFLATE que se encuentra en los archivos ZIP, por lo que conserva cada píxel con exactitud y se descomprime en una copia idéntica byte a byte. Eso lo hace ideal para cualquier cosa con bordes nítidos o áreas de color plano: logotipos, iconos, capturas de pantalla, gráficos y elementos de interfaz.

PNG también añadió la función que JPEG nunca tuvo: un canal alfa completo para una transparencia suave, razón por la cual se convirtió en el estándar web para gráficos que se colocan sobre fondos variados. La desventaja es el tamaño. En una fotografía a todo color, un PNG puede ser fácilmente de cinco a diez veces más grande que el JPEG equivalente, porque la compresión sin pérdida sencillamente no puede descartar el detalle fotográfico que hace tan pequeño al JPEG.

Compresión: sin pérdida.
Transparencia: sí, canal alfa completo de 8 bits. Animación: no (eso es APNG, raramente usado).
Compatibilidad: universal.
Ideal para: logotipos, iconos, arte lineal, capturas de pantalla y cualquier imagen que necesite transparencia o bordes perfectos al píxel.

Los PNG suelen arrastrar metadatos redundantes y una codificación poco óptima. Una pasada sin pérdida por nuestro compresor de PNG puede recortar una parte significativa del archivo sin cambiar un solo píxel visible.

WebP: el todoterreno moderno

WebP, desarrollado por Google, fue el primer formato ampliamente adoptado que lo hacía todo en un solo contenedor. Ofrece modos con pérdida y sin pérdida, admite transparencia en ambos e incluso puede contener animación como un reemplazo más pequeño y de mayor calidad del GIF.

En la práctica, el WebP con pérdida suele ser entre un 25 y un 35% más pequeño que un JPEGa calidad comparable, y el WebP sin pérdida tiende a superar al PNG en aproximadamente un 20–26%. Es compatible con todos los navegadores principales actuales — Chrome, Firefox, Safari y Edge — lo que lo convierte en una mejora segura y de bajo riesgo respecto a los formatos antiguos para casi cualquier sitio web.

Compresión: con pérdida y sin pérdida.
Transparencia / animación: ambas admitidas.
Compatibilidad: excelente en todos los navegadores modernos.
Ideal para: imágenes web de uso general donde quieres archivos más pequeños que JPEG o PNG prácticamente sin riesgo de compatibilidad.

Puedes convertir recursos existentes a WebP o recomprimir archivos WebP con nuestro compresor de WebP.

AVIF: los archivos más pequeños disponibles

AVIF es el más nuevo de los cuatro, derivado del códec de vídeo AV1. Es el campeón de la compresión: en la mayoría de las imágenes produce el archivo más pequeño a una calidad dada, a menudo un 50% más pequeño que JPEG y notablemente más pequeño que WebP. Admite modos con pérdida y sin pérdida, transparencia, animación, amplia gama de color y HDR con profundidad de 10 y 12 bits— útil para las pantallas modernas.

Las contrapartidas son la velocidad de codificación y un soporte ligeramente más reciente. AVIF puede ser más lento de codificar que JPEG o WebP y, aunque todos los navegadores principales actuales ya lo descodifican, las versiones de navegador muy antiguas puede que no. Para un alcance máximo, los sitios suelen servir AVIF con un respaldo en WebP o JPEG usando el elemento HTML <picture>.

Compresión: con pérdida y sin pérdida, con las mejores ratios de los cuatro.
Transparencia / animación: ambas, además de HDR y amplia gama de color.
Compatibilidad: todos los navegadores principales actuales; proporciona un respaldo para los clientes muy antiguos.
Ideal para: sitios donde el rendimiento es crítico y lo que más importa es conseguir los archivos más pequeños posibles.

Prueba a comprimir una foto con nuestro compresor de AVIFy compara el resultado con la misma imagen en JPEG o WebP — la diferencia suele ser asombrosa.

La guía rápida de decisión

Cuando no estés seguro de cuál elegir, empieza aquí:

Fotos, máxima compatibilidad → JPEG. La opción universal cuando el archivo podría abrirse en cualquier sitio, con cualquier cosa.
Logotipos, iconos, capturas, transparencia → PNG. Bordes sin pérdida y un canal alfa completo.
Imágenes web generales, más pequeñas y sin riesgo → WebP. Una mejora directa que funciona en todo lo moderno.
Los archivos más pequeños posibles para el rendimiento → AVIF (con un respaldo). La mejor compresión que puedes conseguir hoy.

Para una referencia autorizada sobre cómo gestionan los navegadores cada formato, la guía de MDN sobre los tipos de archivo de imagen es el mejor lugar para profundizar.

Convertir entre formatos

La forma más rápida de encontrar el formato adecuado es probar unos cuantos y comparar. Si tienes una carpeta de JPEG antiguos o PNG sobredimensionados, nuestro conversor de imágenes te permite cambiar entre JPEG, PNG, WebP y AVIF y ver cómo cambian los tamaños de archivo en paralelo. Como todas las herramientas de FileShrinking se ejecutan 100% en tu navegador, tus imágenes nunca se suben a ningún sitio — puedes experimentar con archivos sensibles o personales sin ningún riesgo para la privacidad.

En resumen: conserva un máster de alta calidad, elige el formato que se ajuste a la tarea y comprime una sola vez. Hazlo así y publicarás imágenes que son a la vez pequeñas y nítidas — sin enviarlas jamás fuera de tu dispositivo.