Pourquoi la gestion de la taille des fichiers WebP est importante

  • Les fichiers WebP surdimensionnés continuent d'alourdir les pages malgré l'efficacité du codec.
  • L'attribut srcset réactif nécessite plusieurs variantes de dimension par ressource WebP
  • Le ciblage des écrans Retina nécessite une résolution 2× pour les variantes WebP
  • La mise en cache CDN bénéficie d'un ensemble canonique de tailles WebP

Bonnes pratiques de redimensionnement WebP

  • Maîtrisez-le dans la plus grande dimension dont vous aurez besoin, généralement 2 fois la taille du héros.
  • Générer des variantes srcset aux points de rupture standard (320, 640, 1024, 1920)
  • Utilisez WebP sans perte pour l'interface utilisateur et avec perte pour la photographie ; ne les mélangez jamais.
  • Vérifier les bords alpha après redimensionnement des ressources WebP transparentes
  • Redimensionnement par paire avec négociation de format (AVIF en premier, WebP en second, JPG en dernier)