SELFHTML: HTML / Graphiques / Largeur et hauteur de graphiques

SELFHTML/Quickbar HTML Graphiques en HTML

	Largeur et hauteur de graphiques
	Mentionner la hauteur et la largeur des graphiques

Mentionner la hauteur et la largeur des graphiques

Exemple d'affichage: aperçu

Quand vous incorporez des graphiques dans des fichiers HTML que vous voulez proposer sur le WWW, vous devez toujours mentionner la largeur et la hauteur du graphique. Ce faisant, le navigateur connaît déjà grâce au fichier HTML la taille du graphique et ne doit pas attendre d'avoir lu l'information correspondante de l'entête de graphique. Ainsi, il pourra construire la page WWW complète à l'écran et pour les graphiques non encore lus, afficher dans un premier temps une surface libre de la taille correspondante. Si vous ne mentionnez pas la largeur et la hauteur, le navigateur attend par contre pour afficher la page WWW d'avoir lu toutes les mentions de taille nécessaires des fichiers graphiques incorporés

Exemple:

<img src="fichier.gif" width=250 height=450>

Explication:

Avec la mention width= [pixels] vous mentionnez la largeur du graphique, avec height= [pixels] la hauteur (width = largeur, height = hauteur).

Attention:

Pour connaître la largeur et la hauteur exactes d'un graphique, vous avez besoin soit d'un programme graphique qui affiche ces valeurs, soit d'un éditeur HTML qui lors de l'incorporation d'un graphique, lit tout de suite l'entête du graphique et insère automatiquement les valeurs correspondantes dans le repère <img>.

Pour ne pas imposer à un visiteur de vos pages WWW sans lui demander de grands graphiques avec des temps de chargement longs, vous pouvez aussi utiliser les aperçus de graphiques.

Tuyaux:

Vous pouvez faire des mentions de largeur et de hauteur d'un graphique qui diffèrent intentionnellement de ses dimensions réelles. Ainsi vous pouvez obtenir des effets de déformation intéressants comme on les connaît des bandes dessinées.

Outre les mentions de pixels sont également permises avec width= et height= des mentions de pourcentages - une mention de width=120% signifient autant que six cinquièmes de la surface graphique proprement dite. Ces mentions par opposition aux mentions en pixels ne contribuent pas à une construction plus rapide de la page mais sont en fin de compte intéressantes pour les effets déformants.

Si vous avez un graphique que vous aimeriez répéter à un autre endroit en plus petit (par exemple un logo qui doit être affiché en grand sur la page d'accueil et en plus petit dans les sous pages), vous n'avez pas besoin de deux graphiques. Il suffit pour représenter un graphique plus petit de réduire proportionnellement les données relatives à sa largeur et à sa hauteur. Si votre logo par exemple mesure 300 pixels de large sur 200 pixels de haut, vous pouvez le représenter deux fois plus petit en mentionnant width=150 height=100 pour l'incorporer. Ce n'est cependant judicieux que si le grand graphique a déjà été affiché et se trouve dans la mémoire Cache du navigateur.


après:	Inscription de graphiques
avant:	Incorporer des graphiques

SELFHTML/Quickbar HTML Graphiques en HTML