Savez-vous ce qu'est un format d'image ?
Quand vous avez une image "entre les mains", vous avez la possibilité de
l'enregistrer dans plusieurs "formats" différents. Le poids (en Ko,
voire en Mo) de l'image sera plus ou moins élevé selon le format choisi,
et la qualité de l'image va changer.
Par exemple, le logiciel de dessin Paint (même si c'est loin d'être le
meilleur) vous propose de choisir entre plusieurs formats lorsque vous
enregistrez une image :
Certains formats sont plus adaptés que d'autres selon l'image (photo,
dessin, image animée...). Notre but ici est de faire le tour des
différents formats que l'on utilise sur le web, pour que vous les
connaissiez et sachiez choisir celui qui convient le mieux à votre
image. Rassurez-vous, il n'y a pas beaucoup de formats différents, ça ne
sera donc pas bien long.
Toutes les images diffusées sur Internet ont un point commun : elles sont
compressées. Cela veut dire que l'ordinateur fait des calculs pour qu'elles soient moins lourdes et donc plus rapides à charger.
Le JPEG
Les images au format JPEG (
Joint Photographic Expert Group)
sont très répandues sur le Web. Ce format est conçu pour réduire la
taille des photos, qui peuvent comporter plus de 16 millions de couleurs
différentes.
Les images JPEG sont enregistrées avec l'extension
.jpg ou
.jpeg.
Voici un exemple d'image au format JPEG :
montagne.jpg
Notez que le JPEG détériore un peu la qualité de l'image d'une façon
généralement imperceptible. C'est ce qui le rend si efficace pour
réduire le poids des photos.
Quand il s'agit d'une photo, on ne peut généralement pas détecter la
perte de qualité. Par contre, si ce n'est pas une photo, vous risquez de
voir l'image un peu "baver". Dans ce cas, il vaut mieux utiliser le
format PNG.
Le PNG
Le format PNG (
Portable Network Graphics)
est le plus récent de tous. Ce format est adapté à la plupart des
graphiques (je serais tenté de dire "à tout ce qui n'est pas une
photo"). Le PNG a deux gros avantages : il peut être rendu transparent
et il n'altère pas la qualité de l'image.
Le PNG a été inventé pour concurrencer un autre format, le GIF. Depuis,
le PNG a bien évolué et c'est devenu le format le plus puissant pour enregistrer
la plupart des images.
Le PNG existe en 2 versions, en fonction du nombre de couleurs que doit comporter l'image :
- PNG 8 bits : 256 couleurs
- PNG 24 bits : 16 millions de couleurs (autant qu'une image JPEG)
Voici une image PNG en 24 bits, la célèbre mascotte Zozor du Site du Zéro :
zozor.png
Au fait, si le PNG 24 bits peut afficher autant
de couleurs qu'une image JPEG, et qu'en plus il peut être rendu transparent
sans modifier la qualité de l'image... quel est l'intérêt du JPEG ?
La compression du JPEG est plus puissante sur les photos. Une photo
enregistrée en JPEG se chargera toujours beaucoup plus vite que si elle
était enregistrée en PNG. Je vous conseille donc toujours de réserver
le format JPEG aux photos.
Le GIF
C'est un format assez vieux, qui a été néanmoins très utilisé (et qui
reste très utilisé par habitude). Aujourd'hui, le PNG est globalement
bien meilleur que le GIF : les images sont le plus souvent plus légères
et la transparence est de meilleure qualité. Je vous recommande donc
d'utiliser le PNG autant que possible.
Le format GIF est limité à 256 couleurs (alors que le PNG peut aller jusqu'à plusieurs millions de couleurs).
Néanmoins, le GIF conserve un certain avantage que le PNG n'a pas : il peut être animé. Exemple :
Babbo_Natale_con_Renne_02.gif
Il existe un format adapté à chaque image
Si on résume, voici quel format adopter en fonction de l'image que vous avez :
- Une photo : utilisez un JPEG.
- N'importe quel graphique avec peu de couleurs (moins de 256) : utilisez un PNG 8 bits, ou éventuellement un GIF.
- N'importe quel graphique avec beaucoup de couleurs : utilisez un PNG 24 bits.
- Une image animée : utilisez un GIF animé.
Les erreurs à éviter
Bannissez les autres formats
Les autres formats non cités ici, comme le format BITMAP (*.bmp) sont à
bannir car bien souvent ils ne sont pas compressés, donc trop gros. Ils
ne sont pas du tout adaptés au web. On peut en mettre sur son site, mais
le chargement sera vraiment
extrêmement long !
Choisissez bien le nom de votre image
Si vous voulez éviter des problèmes, prenez l'habitude d'enregistrer vos
fichiers avec des noms en minuscules, sans espaces ni accents. Par
exemple :
mon_image.png.
Vous pouvez remplacer les espaces par le caractère "underscore" comme je l'ai fait :
_ .