Distinguez pixels, cadrage et poids du fichier.
Les dimensions décrivent le nombre de pixels. Le poids décrit les données à télécharger. Le cadrage décrit la partie du sujet visible. Améliorer l’un peut dégrader l’autre : comparez-les séparément.
Une image de 960 pixels peut convenir à une petite grille produit tout en étant insuffisante pour un grand zoom. Aucun plafond de poids ne convient à tous les produits, appareils et modèles. Un texte fin sur un emballage demande un autre jugement qu’une silhouette simple.
Examinez l’image reçue par les acheteurs.
Vérifiez séparément vignette de catégorie, image produit, galerie et zoom. Confirmez la taille affichée et examinez la ressource demandée par le navigateur. L’affichage responsive peut servir une variante différente par appareil ; l’original de la médiathèque n’est pas forcément téléchargé.
Si l’image est floue, comparez d’abord original, miniature générée et dimensions affichées. Agrandir une petite miniature ne recrée pas les détails. Après un changement de thème ou de réglages de miniatures, régénérez les tailles utiles selon la procédure documentée.
Comparez une photo à une taille d’affichage.
Pour cet exemple, imaginez un T-shirt photographié sur fond neutre. Gardez cadrage et taille de consultation identiques. Examinez ensuite bord du tissu, étiquette et fond pour repérer les défauts. Relevez les octets des fichiers réellement téléchargés plutôt qu’une économie estimée.
| Version | Ce que vous changez | Ce que vous examinez |
|---|---|---|
| original | aucun ; conserver comme source | détails à préserver |
| dimensions adaptées | redimensionner pour l’affichage utile | bords et étiquette à taille réelle de consultation |
| variante compressée | format et compression | texture, artefacts et octets téléchargés |
| image servie | charger la fiche produit publiée | le navigateur reçoit la variante prévue |
Décrivez l’image, puis vérifiez la page entière.
Rédigez un texte alternatif sur ce que l’image transmet dans son contexte : « T-shirt épais Chalk, vue de face » est plus utile qu’une liste de mots-clés. Une image décorative peut demander un texte alternatif vide. La description ne remplace pas le contenu utile de la fiche produit.
Vérifiez sur téléphone et grand écran, avec le zoom si vous le proposez. Gardez l’original pour de futures tailles. Si une variante est mauvaise, corrigez génération ou diffusion avant de traiter toute la bibliothèque. Mesurez ensuite les performances de la page séparément ; une modification d’image n’explique pas tous les délais.