Les mots utiles, en clair
- CSS : présentation
- Les règles qui définissent les couleurs, les tailles et la disposition de votre page.
Comprendre les deux échelles
Un écran peut utiliser plusieurs pixels physiques pour représenter un pixel CSS. Une image qui correspond exactement à la largeur CSS peut donc manquer de netteté dans certains contextes. À l’inverse, envoyer systématiquement la plus grande version alourdit les appareils qui n’en ont pas besoin.
Laisser un choix documenté
Proposez des variantes cohérentes et décrivez correctement leur taille. Le navigateur peut alors choisir selon l’environnement. Vérifiez les éléments sensibles comme logos, captures d’écran et textes intégrés, où une perte de précision est plus visible que sur une photographie de fond.
Définir une limite utile
La netteté supplémentaire apporte un bénéfice décroissant selon la taille, la distance de lecture et le contenu. Comparez plusieurs variantes à l’écran plutôt que de rechercher la résolution maximale possible. Conservez une politique éditoriale claire pour éviter que chaque nouvel auteur exporte des images très différentes pour le même emplacement.