Vérifiez d’abord la largeur réelle
Une photo de 5000 px dans une colonne de 900 px n’affiche pas cinq fois plus d’information ; le navigateur télécharge surtout plus de données.
Les écrans denses demandent une marge
Une image importante peut être préparée plus grande que sa largeur CSS, sans conserver systématiquement la taille maximale de l’original.
Photos et captures UI demandent des critères différents
Les photos tolèrent souvent mieux les pertes ; code, tableaux et petit texte peuvent perdre en lisibilité.
Adoptez un flux répétable
Vérifiez l’affichage → redimensionnez → choisissez le format → compressez → contrôlez la page réelle.