Por qué WebP para la web
Cada imagen de una página tiene que descargarse antes de que la vean los visitantes. Los JPG enormes recién sacados del móvil son una de las causas más comunes de que una web vaya lenta, y la velocidad de carga afecta tanto a la tasa de rebote como al posicionamiento en buscadores.
Google diseñó WebP precisamente para esto. Suele producir archivos bastante más pequeños que JPG con la misma calidad visual, admite transparencia como PNG y todos los navegadores principales actuales lo muestran. Para las fotos de un blog, una tienda o un portafolio, es una opción por defecto sensata.
Cómo elegir el formato adecuado para tu web
| Formato | Tamaño de archivo | Compatibilidad | Ideal para |
|---|---|---|---|
| JPG | Mayor | Universal | Email, impresión, sistemas antiguos |
| WebP | Menor | Todos los navegadores principales actuales | La mayoría de las fotos web |
| AVIF | El menor | Navegadores modernos, con algunas lagunas | Webs que pelean cada kilobyte |
Si quieres ir más allá, el selector de formato de arriba también puede generar AVIF. Los archivos AVIF son aún más pequeños, pero tardan más en codificarse. Consulta HEIC a AVIF para ver los pros y contras.
Un flujo rápido para quien crea webs
- Primero, redimensiona. Una foto de iPhone de 4032 píxeles de ancho se desperdicia en una columna de 1200 píxeles. Usa Redimensionar HEIC con el ajuste de 1920 o 1280.
- Convierte a WebP aquí con calidad de 75 a 85.
- Quita la ubicación. Está desactivada por defecto, así que la dirección de tu casa no acaba en una entrada pública de tu blog.
- Sube las imágenes a tu CMS. Si usas WordPress, sigue nuestra página de HEIC para WordPress para los detalles.
El color en los distintos navegadores
Las fotos de iPhone se hacen en Display P3, una gama de color más amplia que el sRGB estándar. Incrustamos el perfil de color en el WebP y los navegadores modernos lo respetan. Si quieres un color idéntico garantizado en todas las pantallas, incluidas las antiguas que ignoran los perfiles, pon Color en sRGB antes de convertir.
Pensado para la privacidad, no para servidores
Los conversores online que suben tus archivos encajan mal con fotos que todavía no has publicado. Aquí la codificación a WebP se ejecuta en Web Workers dentro de la pestaña de tu navegador, en paralelo en los núcleos de tu CPU. No hay ningún paso en el servidor, ni registro, ni marca de agua. Una vez que la app está en caché funciona sin conexión, así que puedes preparar las imágenes en un avión y subirlas al aterrizar.