Optimiza tus imágenes para la web sin sacrificar calidad. WebP reduce el tamaño hasta 80% comparado con JPEG. Todo se procesa en tu navegador, ningún archivo se sube a internet.
<picture> para fallback en Safari antiguoo haz clic para seleccionar archivos
Hasta 50 archivos · Sin límite de tamaño · 100% privado
HTML con fallback (recomendado)
<picture> <source srcset="imagen.webp" type="image/webp"> <img src="imagen.jpg" alt="Descripción"> </picture>
CSS background-image
.hero { background-image: url('imagen.webp'); }
@supports not (background-image: url('.webp')) {
.hero { background-image: url('imagen.jpg'); }
}
HTML con lazy loading
<picture>
<source srcset="imagen.webp" type="image/webp">
<img src="imagen.jpg" alt="Descripción"
loading="lazy" decoding="async">
</picture>
Imágenes más ligeras, sitio más rápido, mejor posicionamiento en Google.
WebP es un formato de imagen moderno desarrollado por Google, presentado en 2010. Usa algoritmos de compresión avanzados que producen archivos significativamente más pequeños que JPEG y PNG manteniendo la misma calidad visual perceptible. Soporta tanto compresión con pérdida (como JPEG) como sin pérdida (como PNG), además de transparencia y animaciones.
Desde 2020, WebP tiene soporte universal en todos los navegadores modernos. Google lo recomienda explícitamente en PageSpeed Insights y Lighthouse como parte de la optimización de Core Web Vitals.
| Característica | JPEG | PNG | WebP |
|---|---|---|---|
| Tamaño promedio | Base (100%) | +20-30% más grande | 25-35% más pequeño |
| Transparencia | ✗ | ✓ | ✓ |
| Animaciones | ✗ | ✗ | ✓ |
| Soporte navegadores | 100% | 100% | 96%+ |
| Core Web Vitals | Neutral | Impacta negativamente | Mejora LCP |
| Uso recomendado | Fotografías | Gráficos, logos | Todo uso web |
Arrastra tus archivos JPG/PNG o haz clic para seleccionarlos. Ajusta la calidad (recomendado: 80) y convierte en el navegador, sin subir nada a ningún servidor.
Reemplaza los archivos originales con los WebP en la misma carpeta de imágenes, o crea una subcarpeta /images/webp/. Actualiza las referencias en el HTML.
Para compatibilidad total, usa el elemento <picture>:
<picture> <source srcset="imagen.webp" type="image/webp"> <img src="imagen.jpg" alt="Descripción"> </picture>
En WordPress, instala ShortPixel o Imagify para convertir imágenes automáticamente al subirlas y servir WebP con el atributo srcset. Desde WP 5.8 se puede subir WebP directamente al Media Library.
Las imágenes son el principal contribuidor al Largest Contentful Paint (LCP), la métrica de Core Web Vitals que mide cuánto tarda en aparecer el elemento más grande de la página. Para que LCP sea "bueno" debe ser inferior a 2.5 segundos. WebP reduce el tiempo de descarga de imágenes 25-35%, mejorando directamente este indicador.
-35%
Peso de la página
+20%
Velocidad percibida
96%
Soporte de navegadores
Calidad recomendada por caso
Safari y iOS antes de 2020
Safari 13 y anterior (y iOS 13) no soportan WebP. Si tu audiencia incluye usuarios de iPhone o Mac con sistemas muy antiguos, usa el elemento <picture> con fallback JPEG/PNG.
Siguiente nivel: AVIF
AVIF es el sucesor de WebP con 50% mejor compresión. Soporte en Chrome 85+, Firefox 93+, Safari 16.4+. Puedes usarlo como primera opción en el elemento <picture> con WebP como fallback.