La guía completa de WebP (2025)
Todo lo que necesita saber sobre WebP: compresión, ajustes de calidad, soporte de navegadores y mejores prácticas.
¿Qué es WebP?
WebP es un formato de imagen desarrollado por Google desde 2010, diseñado específicamente para uso web. Ofrece compresión superior — típicamente 25–35% más pequeño que JPEG con calidad visual equivalente — mientras soporta compresión lossy y lossless, transparencia alfa e incluso animación.
Hoy, WebP es compatible con el 97%+ de todos los navegadores a nivel mundial, incluyendo Chrome, Firefox, Safari, Edge y Opera. Se ha convertido en el estándar de facto para la optimización de imágenes web, recomendado por Google PageSpeed Insights, Lighthouse y las directrices Core Web Vitals.
WebP vs JPEG: Comparación real
Así es la compresión WebP en la práctica para una foto de producto típica de 1200×800:
| Formato | Tamaño | vs Original | Calidad visual |
|---|---|---|---|
| JPEG (quality 85) | 185 KB | — | Excellent |
| WebP (quality 85) | 62 KB | −66% | Identical |
| WebP (quality 75) | 41 KB | −78% | Near-identical |
| WebP (lossless) | 290 KB | −43% vs PNG | Pixel-perfect |
Los ahorros se acumulan en una página. Un listado de productos e-commerce con 20 imágenes podría bajar de 3,7 MB (JPEG) a 1,2 MB (WebP) — una reducción del 67% en peso total de imágenes, mejorando directamente el tiempo de carga y los puntajes Core Web Vitals.
Entender los ajustes de calidad WebP
El parámetro de calidad (0–100) controla el equilibrio entre tamaño de archivo y fidelidad visual. Esto es lo que cada rango significa en la práctica:
- Calidad 90–100: Rendimientos decrecientes. Archivos mucho más grandes con mejora apenas visible sobre calidad 85. Evitar a menos que sea para archivo.
- Calidad 80–85: El punto óptimo. Visualmente indistinguible del original para la mayoría de fotos, con 60–70% de reducción. Es el estándar de la industria.
- Calidad 60–75: Bueno para miniaturas, vistas previas e imágenes no críticas. Ligera pérdida de detalle en áreas planas y degradados.
- Calidad 40–50: Artefactos visibles. Solo adecuado para miniaturas muy pequeñas o fondos decorativos.
- Modo lossless: Preserva cada píxel exactamente. Ideal para capturas, diagramas e imágenes con texto. Los archivos son más grandes que lossy pero aún más pequeños que PNG.
Soporte de navegadores WebP
WebP tiene excelente soporte de navegadores en 2025:
- Chrome: Full support since v32 (2014)
- Firefox: Full support since v65 (2019)
- Safari: Full support since v14 (2020)
- Edge: Full support since v18 (2019)
- Opera: Full support since v19 (2014)
- Samsung Internet: Full support since v4.0
La cobertura global es del 97%+. Para el 3% restante (navegadores muy antiguos), use el elemento <picture> con fallback JPEG:
Cómo servir WebP con fallback
Use el elemento HTML <picture> para servir WebP a navegadores compatibles mientras proporciona un fallback JPEG para los más antiguos:
<picture>
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="Description" width="800" height="600">
</picture>Siempre incluya atributos width y height para prevenir Cumulative Layout Shift (CLS) — una métrica Core Web Vitals usada por Google para el ranking.
Errores comunes de WebP a evitar
- Convertir imágenes ya comprimidas: Si su fuente es un JPEG de baja calidad, convertir a WebP no recuperará detalles perdidos. Comience con la fuente de mayor calidad disponible.
- Usar calidad 100: Produce archivos innecesariamente grandes. Calidad 80–85 es el punto óptimo para prácticamente todos los casos de uso.
- Olvidar el fallback: Sin fallback JPEG en el elemento
<picture>, los navegadores muy antiguos mostrarán una imagen rota. - No redimensionar antes de convertir: Una imagen de 4000×3000 mostrada a 800×600 desperdicia 25x de ancho de banda. Redimensione primero, luego convierta.
- Ignorar la orientación EXIF: Algunas cámaras almacenan la rotación en datos EXIF. Asegúrese de que su convertidor maneje la orientación correctamente.
Convertir imágenes a WebP gratis
BulkPicConv le permite convertir imágenes a WebP directamente en su navegador — sin subida, sin registro, sin marca de agua. Arrastre sus imágenes, ajuste la calidad y descargue archivos WebP optimizados en segundos.