Les mots utiles, en clair
- CSS : présentation
- Les règles qui définissent les couleurs, les tailles et la disposition de votre page.
Décrire plusieurs ressources
L’attribut srcset propose plusieurs fichiers d’une même image, accompagnés de leur largeur ou de leur densité. Le navigateur conserve la décision finale selon l’écran et ses conditions. Préparer dix variantes presque identiques ajoute du stockage et de la complexité sans garantir un meilleur résultat. Une série de dimensions correspondant aux mises en page réelles est plus facile à maintenir.
Vérifier le fichier choisi
Dans les outils réseau du navigateur, observez l’adresse de l’image effectivement téléchargée. Recommencez sur un écran étroit et un écran large. La largeur CSS visible ne suffit pas à expliquer le choix : la densité de pixels intervient également. Une image de 400 pixels affichée à 400 pixels CSS peut donc être insuffisante sur certains écrans.
Conserver un repli lisible
Gardez une source par défaut valide et contrôlez le texte alternatif. Dans WordPress, commencez par les variantes générées par la médiathèque avant d’ajouter une logique parallèle. Si un constructeur écrit son propre balisage, vérifiez son résultat sur la page publiée plutôt que de supposer qu’il réutilise les attributs natifs.