Discussion :

[pascouoi]

Bonjour,

J'ai une question concernant le redimensionnement d'une image (logo) avec la feuille de style.

A savoir que l'image, ou plutôt le logo ce trouve dans une balise <img/>avec un DTD strict, donc width et height en dur dans le html, mais dans mon cas je veux pouvoir redimensionner le logo en fonction du viewport (périphériques mobiles) avec les medias queries, je suis donc obliger de retirer les attributs width et height ?

Coter validateur pas de souci, sa passe, maintenant qu'en est-il de l'accessibilité, vitesse de chargement etc... ?

[c_s_s]

Bonjour,

Les attributs width et height ne sont pas obligatoires (contrairement à src et alt), dnoc pas de problème de validité effectivement.

Si la feuille de style est désactivée, le risque est que l'image s'affiche avec se taille d'origine, ce qui peut poser problème si tu a modifié la taille d'affichage de l'image en CSS.

En terme de vitesse de chargement, je ne peux pas te dire. Une fois que l'image est chargée, qu'elle soit redimensionnée (en HTML ou en CSS) ou non, ça ne doit pas changer grand chose.
Evidemment, si je dis une grosse bêtise, merci de me corriger.

[pascouoi]

Effectivement le CSS désactivé sa peut poser problème, mais dans mon cas l'image ne seras redimensionner qu'avec les media queries, pas de redimensionnement pour les périphériques classique, donc screen et print pas de souci.

De toute façon je ne vois pas d'alternative, rajouter un display:none par feuille de style c'est encore pire et pas accessible pour un sou, d'où ma question W & H or not W & H, bref, si un pro des media queries passe dans le coin quelques explications serait bien venu.