¿JPG, PNG, WebP o AVIF?

Antes de comparar formatos, conoce la división que impulsa todos ellos. Los formatos sin pérdida almacenan cada píxel exactamente y pueden reabrirse y guardarse nuevamente para siempre sin degradación — PNG es el principal. Los formatos con pérdida descartan información que el ojo es poco probable que note, intercambiando un poco de calidad por un archivo mucho más pequeño — JPG, WebP y AVIF lo hacen. No hay un formato único "mejor" porque la opción correcta depende de si tu imagen es una fotografía, un logo o una captura de pantalla, y de cuánto valoras el tamaño versus la compatibilidad.

JPG (o JPEG) es el veterano. Fue construido para fotografías y utiliza compresión con pérdida sintonizada para los gradientes suaves de imágenes del mundo real. No tiene transparencia y su compresión puede dejar artefactos bloqueados alrededor de bordes nítidos y texto, por lo que es incorrecto para logos y capturas de pantalla. Su superpotencia es el soporte universal: cada dispositivo, editor y sitio web acepta un JPG.

PNG es la opción sin pérdida. Conserva cada píxel y soporta transparencia completa, lo que lo hace estándar para gráficos con bordes duros, texto, capturas de pantalla de UI y cualquier cosa con un fondo transparente. El costo es el tamaño de archivo: una fotografía PNG a menudo es varias veces más grande que la misma foto como JPG, por lo que PNG es una mala opción para contenido fotográfico en la web.

WebP, de Google, es el todoterreno moderno. Ofrece modos tanto con pérdida como sin pérdida además de transparencia y animación, y con calidad similar produce archivos aproximadamente 25-35% más pequeños que JPG y a menudo mucho más pequeños que PNG. Cada navegador actual lo soporta, lo que lo hace la opción predeterminada pragmática para un sitio web rápido hoy.

AVIF es el más nuevo de los cuatro, basado en tecnología de códec de video moderno. Típicamente logra los archivos más pequeños de todos — frecuentemente superando a WebP por un amplio margen en fotos — y soporta transparencia, color amplio y rango dinámico alto. El soporte ahora es amplio pero no completamente universal, así que los sitios generalmente sirven AVIF con un respaldo WebP o JPG para los últimos clientes más antiguos.

Una página web bien optimizada rara vez usa un formato para todo. Las fotografías salen como WebP o AVIF para velocidad, con un respaldo JPG. Los logos, iconos y cualquier cosa con transparencia permanecen como PNG — o mejor, como SVG si son arte vectorial — porque un formato con pérdida difuminaría sus bordes nítidos. Las capturas de pantalla de texto se ven mejor como PNG por la misma razón.

Si no estás seguro de si un cambio vale la pena, convierte una imagen representativa y compara tanto el tamaño de archivo como cómo se ve en zoom completo. La caída de tamaño de JPG a WebP o AVIF es a menudo dramática sin pérdida de calidad visible, que es exactamente la ganancia que hace que las páginas carguen más rápido. Cuando la compatibilidad importa más que los bytes — un archivo adjunto, un sistema antiguo, una tienda de impresión — vuelve a JPG o PNG, los dos formatos que funcionan en todas partes.