Por qué es importante la gestión del tamaño de los archivos WebP

  • Los archivos WebP de gran tamaño siguen sobrecargando las páginas incluso con la eficiencia del códec.
  • El srcset responsivo requiere variantes de múltiples dimensiones por recurso WebP.
  • La segmentación de pantallas Retina requiere variantes WebP con resolución 2×.
  • El almacenamiento en caché de CDN se beneficia de un conjunto canónico de tamaños WebP.

Mejores prácticas para el redimensionamiento de archivos WebP

  • Domina la dimensión más grande que jamás necesitarás: normalmente 2 veces el tamaño del héroe.
  • Generar variantes de srcset en puntos de ruptura estándar (320, 640, 1024, 1920)
  • Mantén WebP sin pérdidas para la interfaz de usuario, con pérdidas para la fotografía; nunca mezcles.
  • Verifique los bordes alfa después de redimensionar en recursos WebP transparentes.
  • Redimensionamiento de pares con negociación de formato (AVIF primero, WebP como alternativa, JPG al final)