[résolu] Spécification de la taille des images

Bonjour,

Spécifier la taille des images permet de prévoir leur emplacement sur la page même si l'affichage des images a été désactivé et/ou de charger les images en fonction de leurs dimensions (paramétrable sur les navigateurs de mobiles ..j'ai lu cela quelque part, mais je ne sais plus où).

Si l'image est dans le document, elle a une valeur informative, auquel cas le principe de séparation ne s'applique pas dans ce cas, les attributs de taille ayant une fonction pratique, amha.

Laurent-Denis en parle brièvement ici
Modifié par knarf (16 Sep 2005 - 18:51)

<img> est effectivement une exception car les attributs de width et height sont considérés comme des informations pertinentes pour une image.

Bonsoir,

a écrit :
<img> est effectivement une exception...

Petite correction : <img> n'est pas une exception, ou alors il y en à d'autres comme un contener object diffusant un contenu multimedia...

Les attributs width et height ne sont pas des attributs de style pour une image car ils indiquent qu'elle est sa dimension nominale, il est donc tout à fait normal de les utiliser dans le code HTML.

Par ailleurs, comme le rappelle laurent dans un autre post, les périphériques mobiles, à zone d'affichage réduite, peuvent utiliser ces indications pour éviter d'afficher des images de dimensions trop importantes.

Pour être complet, on peut gérer des dimensions d'images par CSS dans certains cas, notamment quand on utilise des images décoratives aux fins de créer des effets d'ombrage, des simulations de cadre ou de bordure ou encore de "fausses" transparences.
Dans ces cas précis, assez rares au demeurant, l'utilisation de CSS permet de pallier aux différences de gestion des effets de marges par les navigateurs.
Il convient néanmoins de s'assurer que la dimension nominale des images utilisées est compatible avec les petites résolutions.

Conclusion : toujours indiquer les dimensions des images dans le code html, sauf exception pour prendre en charge des contraintes de design en attendant que les (allez je corrige : LE ) navigateur implémente correctement des propriétés CSS notoirement indispensables.

Jean-pierre
Modifié par jpv (21 Sep 2005 - 04:58)

Bonjour,

J'avais eu un échange avec Ocawa à ce sujet, cela portait sur une image "W3C valide" dont les dimensions d'image étaient indiquées par un "style", donc en CSS.

Le validateur mentionnait une erreur et demandait "width" et "height".

Le point de vue d'Ocawa :

Ocawa a écrit :
La démarche d'Ocawa au sujet des images et de ses attributs "width" et "height" est la suivante :

Le fait d'indiquer le "width" et "height" de l'image permet, avant que les images soient chargées, au navigateur de connaitre l'espace à réserver pour celles-ci. En effet, si un internaute utilise un agrandisseur d'écran et qu'il est focalisé sur le haut droit de sa page internet, qu'il commence à lire cette page et qu'aprés 2/3 secondes (chargement de l'image haut droite par exemple), le texte sur lequel il se situe descendera pour laisser place à l'image. Le visiteur sera donc perturbé par cette "modification de visuel".

Modifié par jcm (21 Sep 2005 - 07:24)

Merci pour toutes ces infos complémentaires.

J'ai entre temps revu ma copie en ajoutant tous les "width" et "height" sur mon site.

Ce point demandait précision !

djfeat a écrit :

Dans le même ordre d'idée, n'aurait-il pas été utile d'avoir un attribut permettant d'indiquer le poids de l'image (ou de n'importe quel objet), pour faciliter le tri aux agents-utilisateurs devant faire avec une faible bande passante ?

Certes, à qui s'adresse cette question au fait ?

Un peu à tout le monde, voire à n'importe qui (ou encore à qui veut) en fait.

EDIT : Ah bah appremment il y a un attribut de ce genre (content-length) prévu en XHTML2. Chouette.
Modifié par djfeat (21 Sep 2005 - 13:27)