Compression d'images pour sites Web : moins de poids sans sacrifier la photo

Une page de recette met du temps à s'ouvrir car chaque photo a été envoyée directement depuis l'appareil photo, pesant plusieurs mégaoctets. Le lecteur n’a besoin que de voir clairement la nourriture dans la largeur du téléphone portable. Réduire le poids du fichier peut transformer l’expérience, à condition que la compression soit effectuée avec des critères.

Les dimensions passent avant le pourcentage de qualité

Si l’image occupe 800 pixels sur la page, il n’y a aucune raison de toujours publier la version 6000 pixels. Le redimensionnement en premier réduit souvent la qualité plus qu'un serrage agressif. UtiliserCompresser l'imagepour l'essayer et observer à la fois la dimension et le poids final.

JPEG et WebP fonctionnent bien sur les photographies ; Le format PNG a tendance à avoir plus de sens dans les graphiques ou les images transparentes. Le choix dépend du contenu et de la compatibilité souhaitée. Une image avec de petits chiffres peut paraître mauvaise à des niveaux de compression acceptables pour les paysages.

Le test doit avoir lieu là où l'image apparaît

Comparez l'original et le compressé en taille réelle sur la page, sur des écrans clairs et sombres, le cas échéant. Affichez les visages, les bordures de produits, les dégradés et les lettres en ligne. Les défauts les plus courants sont les blocs visibles, les doubles contours et les taches dans des zones uniformes.

Noms, versions et responsabilité

Adoptez des noms de fichiers descriptifs, tels quegâteau-chocolat-slice.webp, et un texte alternatif décrivant le contenu pour ceux qui ne peuvent pas voir la photo. Conservez la version originale dans votre bibliothèque. Si vous publiez beaucoup d'images, standardisez les largeurs et comparez le chargement sur une connexion lente. Bien compresser, c'est trouver la version la plus petite qui reste agréable et compréhensible.

Le poids de la page est la somme des images

Une photo réduite de 3 Mo à 280 Ko représente une économie importante, mais une galerie comportant vingt images de cette taille nécessite tout de même plusieurs mégaoctets. Regardez l'ensemble : taille de couverture, vignettes, images d'articles et version pour écrans plus grands. Publier la même immense photo dans chaque espace gaspille les données des visiteurs. Lorsque la plateforme prend en charge les images responsives, fournissez des versions proportionnelles à la taille d'affichage.

Évitez également les compressions successives tout au long du montage. Si quelqu'un enregistre un JPEG déjà réduit et que l'éditeur suivant le compresse à nouveau, la perte s'accumule. Conservez une copie de qualité de la photo originale, avec un nom et une organisation qui vous permettent de la retrouver des mois plus tard. De cette façon, vous pouvez générer de nouvelles tailles à mesure que la mise en page change, sans dépendre des fichiers dont les détails ont déjà été perdus.