Le vocabulaire de l'optimisation d'images.
Les termes que vous croiserez en configurant ImagePipe ou en lisant nos guides, expliqués sans jargon inutile.
WebP
Format d'image développé par Google, généralement 25 à 35 % plus léger qu'un JPEG à qualité visuelle équivalente. Supporté par tous les navigateurs modernes.
AVIF
Format de nouvelle génération, encore plus compact que WebP sur la plupart des photos. Support navigateur légèrement plus récent que WebP, d'où l'intérêt de servir un repli automatique.
LCP (Largest Contentful Paint)
Métrique Core Web Vitals de Google qui mesure le temps d'affichage du plus grand élément visible à l'écran, souvent l'image principale d'une fiche produit. Des images plus légères améliorent directement ce score.
Lazy loading
Chargement différé : les images hors de l'écran ne sont téléchargées que lorsque le visiteur s'en approche en faisant défiler la page, ce qui accélère l'affichage initial.
Cache disque permanent
Chaque variante d'image (taille, format, mode) n'est calculée qu'une seule fois puis enregistrée sur disque : toutes les requêtes suivantes la reçoivent instantanément, sans nouveau calcul.
Preset
Configuration prête à l'emploi (dimensions, mode de redimensionnement, qualité) associée à un usage précis : product_card, product_page,
category_banner par exemple, pour éviter de régler chaque image manuellement.
Métadonnées EXIF
Informations embarquées dans un fichier image (appareil photo, orientation, parfois géolocalisation). L'orientation est utile et corrigée automatiquement ; le reste est généralement supprimé pour alléger le fichier et protéger la vie privée.
URL signée
URL de génération d'image accompagnée d'une signature cryptographique qui empêche un tiers de demander des dimensions ou formats arbitraires non prévus par la boutique.
Redimensionnement Fit / Cover / Crop / Contain / Stretch
Cinq façons d'adapter une image à des dimensions cibles : Fit et Contain préservent l'image entière (avec ou sans fond visible), Cover et Crop remplissent l'espace en recadrant, Stretch déforme l'image aux dimensions exactes.