Les différents formats d'image

Les images sont stockées dans des fichiers aux extensions variées. Chaque format graphique a ses propres caractéristiques, donc ses propres avantages et inconvénients :

Formats utilisés pour le web

• .jpg ou .jpeg est l'extension la plus usagée pour les photographies.
  Le format "JPG" est le plus utilisé sur Internet et dans le domaine informatique car il a la plus grande efficacité de compression.
• .gif : pour les graphiques, dessins, ou petites animations. Ce format intègre la couleur transparente. Ceci est particulièrement apprécié pour réaliser des effets de superposition d'images....
  Selon le logiciel utilisé pour ouvrir un fichier gif, on verra ou non l'animation en mouvement :
  si j'insère un gif animé sur un document word, il ne bougera pas. Si je l'insère dans une page html, il se mettra en mouvement.

Formats sans compression :

Les autres formats propres à chaque logiciel : .bmp .psd .pst….

Chaque éditeur (logiciel) d'images, inclut son propre format graphique comme par exemple le format .PSD pour Photoshop et .PST pour PaintShopPro. Ces formats, propriétés des éditeurs, sont d'autant plus performants qu'ils intègrent toutes les caractéristiques de leurs logiciels, mais ils ne fonctionnent que très rarement avec d'autres logiciels et encore moins avec ceux des concurrents.  De plus, les images utilisant ces formats sont souvent très volumineuses, du fait du nombre important d'informations et de leur faible taux de compression.

Pour changer le format d'enregistrement d'une image,
avec le logiciel IRFANVIEW, PAINTNET ou GIMP (gratuits),
ouvrez votre fichiez image,
puis "fichier/enregistrez sous/ " :
dans la fenêtre ainsi ouverte, choisissez le format désiré dans la boite de dialogue format.

Balises html pour insérer une image :

une balise HTML sert à insérer les images : <img src=" nom du fichier avec son extension ">

On peut spécifier en plus certains attributs pour préciser la taille (largeur ou hauteur), l'emplacement, ou autres :

• pour la largeur : width="nombre de pixels"
• pour la hauteur : height="nombre de pixels"
• pour que l'image ne soit pas entourée d'un cadre : border="0"
• pour qu'un contenu écrit décrivant l'image s'affiche lorsque la souris s'approche : alt="contenu"

Pour trouver des images :

sur une page web, avec le clic droit de la souris qui pointe sur l'image de votre choix, sélectionner l'option "enregistrer l'image sous" et spécifiez ensuite le bon emplacement (votre répertoire sur le serveur) et un nom de fichier correct.

SURTOUT, NE MODIFIEZ PAS L'EXTENSION DU FICHIER

Problèmes divers fréquemment rencontrés :

Si sur votre page web, une petite croix s'affiche à la place de l'image que vous désiriez insérer, c'est que l'ordinateur ne trouve pas l'image. Cela provient souvent d'une des raisons suivantes :

• le fichier image que vous appelez ne se trouve pas dans le même répertoire que la page html.
  Ceci est la raison la plus fréquente. Allez vérifier le rangement de vos fichiers et de vos dossiers dans l'explorateur windows…


• le nom du fichier est incorrect :
  il faut vérifier (majuscules, accents ou caractères spéciaux, …)


• l'extension spécifiée n'est pas la bonne
  (vous avez peut-être appelé un fichier avec une extension .gif alors que son extension était .jpeg…)