WebP

Qué es WebP

WebP es un formato de imagen desarrollado por Google en 2010 y consolidado a partir de 2020. Combina:

• Compresión más eficiente que JPG/PNG: archivos 25-35% más ligeros
• Soporte de transparencia (como PNG)
• Soporte de animación (como GIF, pero pesando menos)
• Soporte de calidad lossy y lossless

Compatibilidad

Soportado por todos los navegadores modernos desde 2020:

• Chrome ✓ (desde 2010)
• Firefox ✓ (desde 2019)
• Safari ✓ (desde iOS 14 / macOS Big Sur, 2020)
• Edge ✓
• Opera ✓

Menos del 3% de usuarios globales no lo soporta hoy. No es problema usarlo en producción.

WebP vs alternativas

Formato	Peso	Calidad	Soporte	Recomendación
JPG	Medio	Buena	100%	Legado, usar solo para fotos viejas
PNG	Alto	Excelente	100%	Usar solo para logos con transparencia
WebP	Bajo	Excelente	97%+	Recomendado en 2026
AVIF	Muy bajo	Excelente	92%+	Futuro, usar con fallback

Cómo convertir a WebP

Herramientas online

• Squoosh.app (Google, gratis)
• TinyPNG (también convierte)
• Convertio
• CloudConvert

Línea de comandos

cwebp -q 80 imagen.jpg -o imagen.webp

En CMS

• WordPress: plugins (Smush, ShortPixel, Imagify)
• Astro: <Image> component convierte automáticamente
• Next.js: <Image> con next/image también automatiza

Cómo servir con fallback (por si acaso)

<picture>
  <source srcset="imagen.webp" type="image/webp">
  <source srcset="imagen.avif" type="image/avif">
  <img src="imagen.jpg" alt="...">
</picture>

El navegador elige el primero que soporta. En 2026 esto es opcional, WebP solo basta.

Calidad recomendada

• Calidad 80: balance ideal calidad/peso (recomendado)
• Calidad 90: prácticamente sin pérdida (para hero images)
• Calidad 60-70: para thumbnails masivos

Impacto en LCP

Migrar de JPG a WebP típicamente baja el peso de imágenes un 30-50%, lo que mejora el LCP entre 0,5 y 2 segundos en móvil.