Los cuatro principales formatos de imagen para la web
Elegir el formato de imagen adecuado puede reducir a la mitad el tamaño de tus archivos, o duplicarlo si eliges mal. Aquí tienes un resumen práctico de cuándo usar cada formato.
JPG (JPEG)
Mejor para: fotografías, escenas complejas con muchas gradaciones de color.
Compresión: con pérdida. Descarta de forma permanente datos de color sutiles. Transparencia: no compatible. Compatibilidad de navegadores: 100%, todos los navegadores y dispositivos. Tamaño de archivo típico: 2-5 MB para una foto de 12 MP al 85% de calidad.
JPG ha sido el estándar para las fotos desde 1992. Su compatibilidad casi universal lo convierte en el valor por defecto seguro cuando no sabes en qué plataforma se mostrará tu imagen.
PNG
Mejor para: capturas de pantalla, logotipos, ilustraciones, imágenes con texto, imágenes con transparencia.
Compresión: sin pérdida. Cada píxel se conserva con exactitud. Transparencia: compatible (canal alfa). Compatibilidad de navegadores: 100%. Tamaño de archivo típico: 20-40 MB para una foto de 12 MP (no apto para fotos).
Usa PNG cuando importe la precisión píxel a píxel: para capturas de interfaz, recursos gráficos o cualquier imagen que vayas a editar varias veces. Nunca uses PNG para fotografías en un sitio web; los tamaños de archivo son demasiado grandes.
WebP
Mejor para: imágenes web donde quieres archivos más pequeños que JPG con más flexibilidad de formato que PNG.
Compresión: disponibles los modos con pérdida y sin pérdida. Transparencia: compatible. Compatibilidad de navegadores: todos los navegadores modernos (Chrome, Firefox, Safari 14+, Edge). Sin compatibilidad con IE. Tamaño de archivo típico: entre un 25 y un 35% más pequeño que JPG con la misma calidad visual.
WebP fue creado por Google y ahora es el formato recomendado para la mayoría de las imágenes web. Si tu público usa navegadores modernos, cambiar de JPG a WebP es una forma sencilla de reducir el peso de la página sin ninguna contrapartida visual.
AVIF
Mejor para: imágenes de alta calidad donde la máxima compresión es fundamental: imágenes principales, fotos de producto grandes.
Compresión: con pérdida y sin pérdida. Transparencia: compatible. Compatibilidad de navegadores: Chrome 85+, Firefox 93+, Safari 16+. Buena pero no universal. Tamaño de archivo típico: entre un 40 y un 50% más pequeño que JPG con la misma calidad.
AVIF ofrece la mejor compresión de cualquier formato mayoritario. El inconveniente es una codificación más lenta (nuestro convertidor puede tardar unos segundos con archivos grandes) y una compatibilidad de navegadores algo menor que WebP.
Guía rápida de decisión
Fotografía para la web → WebP (o JPG para máxima compatibilidad) Logotipo o icono con transparencia → PNG (o WebP) Imagen principal en un sitio web moderno → AVIF Imagen compartida por correo → JPG Captura de pantalla → PNG Foto de iPhone para compartir → JPG (convertida desde HEIC)