WebP

¿Qué es WebP?

WebP es un formato de imagen moderno desarrollado por Google que admite compresión con y sin pérdida en un único tipo de archivo (.webp). También maneja transparencia (canal alfa) y animación, por lo que puede reemplazar a JPEG, PNG y GIF. Con una calidad visual comparable, los archivos WebP son típicamente entre un 25 y un 34% más pequeños que los JPEG y alrededor de un 26% más pequeños que los PNG.

¿Por qué es importante WebP?

Las imágenes suelen representar la mayor parte del peso total de una página de producto, y las imágenes pesadas son una de las causas más comunes de una carga lenta. Archivos más pequeños significan páginas más rápidas, mejores Core Web Vitals y un menor uso de datos en dispositivos móviles, todo lo cual afecta tanto a la conversión como al posicionamiento. WebP ofrece ese ahorro sin pérdida visible de calidad, y el formato es compatible hoy en día con todos los navegadores modernos (Chrome, Firefox, Edge y Safari).

Casos de uso comunes

• Fotos de productos de alta resolución donde los archivos JPEG se vuelven demasiado pesados para una visualización móvil rápida.
• Gráficos con transparencia que de otro modo requerirían archivos PNG grandes (logotipos, insignias, iconos).
• Banners e imágenes de estilo de vida en la parte superior de la página que afectan el LCP y la estabilidad del diseño.
• Entrega a través de CDN, donde el formato se negocia por navegador para ahorrar ancho de banda.

Perspectiva de Shopify

No es necesario que convierta a WebP usted mismo en Shopify. El CDN de imágenes de Shopify ofrece automáticamente WebP, o el formato AVIF aún más pequeño, a los navegadores que lo admiten, según el encabezado Accept, independientemente de si sube un JPEG o un PNG. Si desea controlar el formato manualmente en su tema, puede pasar el parámetro format al filtro image_url. En la práctica, concéntrese en subir imágenes de origen nítidas con las dimensiones correctas y siempre complete el texto alternativo, y deje que el CDN se encargue del resto.