Guía completa de formatos de imagen: cuándo usar PNG, WebP, AVIF o JPEG

Por qué importa elegir el formato de imagen

Una de las formas más sencillas de mejorar el rendimiento de un sitio web es optimizar las imágenes. Google PageSpeed Insights suele marcar "Serve images in next-gen formats" como recomendación, y con razón. El formato de imagen que elijas afecta directamente a los tiempos de carga, las puntuaciones de Core Web Vitals y, en última instancia, al posicionamiento en buscadores.

Comparación básica: los cuatro formatos principales

JPEG (Joint Photographic Experts Group)

Lanzamiento: 1992 | Compresión: Con pérdida | Transparencia: No

El formato más antiguo y universal. JPEG destaca en fotografías e imágenes con colores complejos. Logra tamaños de archivo pequeños mediante compresión con pérdida, que descarta detalles finos que probablemente el ojo no perciba. La contrapartida: aparecen artefactos de compresión a medida que baja la calidad, y JPEG no admite transparencia.

Usa JPEG para: Fotos estándar, imágenes para redes sociales, situaciones en las que se requiere compatibilidad universal

PNG (Portable Network Graphics)

Lanzamiento: 1996 | Compresión: Sin pérdida | Transparencia: Sí

La compresión sin pérdida de PNG conserva cada píxel, lo que lo hace perfecto para imágenes que requieren bordes nítidos, texto o transparencia. El costo es un mayor tamaño de archivo. Una foto JPEG guardada como PNG suele ser 2-3 veces más grande.

Usa PNG para: Logotipos, capturas de pantalla de interfaces, imágenes con texto, gráficos que requieren fondos transparentes

WebP

Lanzamiento: 2010 (Google) | Compresión: Con pérdida + sin pérdida | Transparencia: Sí

WebP se diseñó para reemplazar tanto a JPEG como a PNG. Consigue archivos un 25-35% más pequeños que JPEG con una calidad visual equivalente y admite transparencia, combinando lo mejor de ambos formatos. También incluye soporte para animación.

Compatibilidad con navegadores: 96%+ a nivel mundial en 2025.

Usa WebP para: Casi todo en sitios web modernos: fotos, gráficos e imágenes con transparencia

AVIF (AV1 Image File Format)

Lanzamiento: 2019 | Compresión: Con pérdida + sin pérdida | Transparencia: Sí

AVIF lleva la compresión más lejos que WebP y normalmente logra archivos un 50% más pequeños que JPEG con calidad equivalente. También maneja mejor el contenido HDR (alto rango dinámico) que cualquier otro formato. La contrapartida es una velocidad de codificación más lenta y una compatibilidad con navegadores ligeramente menor.

Compatibilidad con navegadores: ~92% a nivel mundial en 2025.

Usa AVIF para: Imágenes hero, páginas de alto tráfico donde importa la máxima compresión, proyectos con pipelines de imágenes en tiempo de compilación

Marco de decisión: ¿qué formato usar?

Métodos gratuitos de conversión

En línea (sin instalación)

• Squoosh (squoosh.app) — Herramienta propia de Google; compara formatos lado a lado
• Convertio — Conversión por lotes para varios formatos
• remove.bg + descargar como WebP — Eliminación de fondo combinada + exportación a WebP

Línea de comandos

# WebP conversion (requires libwebp / cwebp)
cwebp -q 80 photo.jpg -o photo.webp

# AVIF conversion (requires ImageMagick 7+)
magick photo.jpg -quality 60 photo.avif

Next.js (automático)

El componente next/image negocia automáticamente el formato óptimo según la compatibilidad del navegador:

import Image from 'next/image'
<Image src="/photo.jpg" alt="Auto-optimized" width={800} height={600} />

Los navegadores compatibles con AVIF reciben AVIF; los navegadores compatibles con WebP reciben WebP; los demás reciben JPEG, todo automáticamente.

Impacto en el mundo real: antes y después

Una entrada de blog típica con 5 imágenes insertadas, originalmente guardadas como JPEG:

• Peso total de las imágenes: 2.1 MB
• Después de convertir a WebP (calidad 80%): 1.25 MB (-40%)
• Después de convertir a AVIF (calidad 70%): 0.85 MB (-60%)
• Mejora de LCP (medida): 0.8s → 0.4s

Conclusión

Deja de usar JPEG y PNG como opción predeterminada para todo. En 2026, WebP es la opción predeterminada segura para más del 95% de los casos de uso web. AVIF vale el paso adicional en páginas de alto tráfico. Empieza a convertir hoy: las mejoras de rendimiento y SEO son inmediatas.