Choisir selon l’usage
Pour une photo destinée au Web, commencez par comparer WebP et JPEG. Pour un schéma, une capture d’écran ou un logo aux contours précis, comparez PNG avec une solution sans perte. WebP peut gérer la transparence et les compressions avec ou sans perte ; JPEG ne conserve pas le canal alpha. Un convertisseur ne propose toutefois pas forcément toutes les possibilités du format. Gardez toujours un original intact.
Redimensionner avant de régler la qualité
Une image affichée sur 800 pixels de large a rarement besoin d’un export de 6 000 pixels au même endroit. Déterminez la taille d’affichage et la netteté souhaitée sur les écrans haute densité, puis redimensionnez en conservant les proportions. Recadrer modifie la composition ; redimensionner modifie les dimensions. Prévoyez une image plus grande pour le zoom d’une fiche produit. N’agrandissez pas une petite vignette pour en faire la photo principale.
Comparer à la taille d’affichage réelle
Essayez une qualité moyenne, examinez le résultat à la taille prévue et comparez le poids réel des fichiers. Regardez les lettres, les cheveux, les tissus fins et les dégradés : ils révèlent vite les défauts de compression. Une qualité de 80 ne garantit pas le même rendu avec tous les encodeurs. Ne promettez pas un taux de réduction fixe : un fichier déjà optimisé peut peu diminuer, voire grossir.
Vérifier transparence, orientation et animation
Une illustration transparente nécessite une sortie qui conserve le canal alpha. Pour un JPEG, choisissez volontairement la couleur de fond afin d’éviter des contours noirs inattendus. Rouvrez le fichier enregistré pour contrôler son orientation et ses couleurs. Un convertisseur d’images fixes peut ne garder qu’une seule image d’une animation ; les métadonnées peuvent aussi disparaître. Conservez l’original si ces propriétés comptent.
Adopter une méthode reproductible
Préparez le cadrage, redimensionnez une fois, exportez deux formats et retenez le fichier le plus léger dont le rendu est acceptable. Choisissez un nom explicite et un texte alternatif qui décrit le rôle de l’image. Vérifiez la page finale sur mobile et ordinateur. Il s’agit d’une recommandation éditoriale, pas d’un test de performance d’un encodeur : le résultat reçu par vos visiteurs est le critère utile.
developers.google.com · developer.mozilla.org