[Tous] Format d'images

ghdQuel que soit le programme que vous allez utiliser, vous aurez besoin de montrer vos images aux autres. Et pour se faire, vous devrez les enregistrer. Voici un petit tutorial qui vous expliquera les propriétés des différents types d'images.

Tout d'abord, sachez qu'il vous faudra choisir le format d'image avec minutie, en fonction de plusieurs facteurs :
- La popularité du format (si personne n'est capable de lire le format de votre image, çà ne sert à rien)
- Le poids de l'image (plus elle est lourde, plus elle est longue à charger, ce qui diminue le confort)
- Les capacités du format (certains formats peuvent faire certaines choses, que d'autres ne peuvent pas)

On va commencer par le plus rependu à l'heure actuelle, et puis nous irons ensuite vers les mois présents sur la toile ....

• JPEG
  

Extension du fichier : .jpeg, .jpg, .jpe, .jfif, .jfi
Sygnification : Joint Photographic Experts Group
Atouts :
+ Ce format d'image est celui que l'on rencontre le plus sur internet. Tout le monde peut lire.
+ Il possède un très bon coefficient qualité/poids.
Inconvénients :
- Il ne fonctionne que pour les images fixes
- Il ne permet aucune transparence.

• PNG
  

Extension du fichier : .png
Sygnification : Portable Network Graphics
Atouts :
+ Ce format est un format d'image non destructeur. Ce qui implique 0% de perte de qualité.
+ Son algorithme de cryptage est plus performant que celui du jpg, ce qui lui permet d'avoir quasiment le même poids. Il fonctionne sur différents niveaux (PNG 1, 2, 4, 8, 24, 32, 48, photoshop permet l'usage du 8, qui est une forme de croisement entre le jpg et le gif, mais sans l'animation)
+ Il gère la transparence.
+ Il gère la translucidité via un canal alpha, qui permet donc des dégradés de transparence, et des transparences partielles (ombres, lueurs, vitres, etc ...) Ce qui le rend idéal pour le design de sites web
Inconvénients :
- Son canal alpha n'est pas lu par internet explorer 6 (ancienne version) qui met du gris à la place de la transparence

• GIF
  

Extension du fichier : .gif
Sygnification : Graphics Interchange Format
Atouts :
+ Permet les animations
+ Permet la transparence
+ Assez répandu
Inconvénients :
- Ne fonctionne qu'en 256 couleurs (même si les 256 couleurs sont choisies pour être adaptées au mieux à l'image)
- Ne gère pas l'alpha (un dégradé transparent/couleur devient blanc/couleur)
- Assez lourd

• FLV
  

Extension du fichier : .flv
Sygnification : Flash Video
Atouts :
+ Permet l'interactivité
+ Permet les animations poussées
+ Peut être programmé (ex : jeux)
+ Possède un canal alpha
Inconvénients :
- Fichier généralement lourd (dans le cas de fichiers très lourds, prévoir une barre de chargement)
- Format relativement peu répandu, exige des codecs de lecture à télécharger.

• TIFF
  

Extension du fichier : .tiff
Sygnification : Tagged Image File Format
Atouts :
+ Très bonne qualité
Inconvénients :
- Format dépassé en tous points par les formats plus haut

• MNG
  

Extension du fichier : .mng
Sygnification : Multiple-image Network Graphics
Atouts :
+ Le petit frère du PNG, il a tous ses attouts
+ Il gère les animations en plus
Inconvénients :
- Conçu pour remplacer le GIF, il ne fonctionne pour l'instant que sur Konqueror.

• WBMP
  

Extension du fichier : .wbmp
Sygnification : Wireless Application Protocol Bitmap Format
Atouts :
+ Fonctionne sur les téléphones portables d'ancienne génération (noir et blanc)
Inconvénients :
- Parfaitement inutile de nos jours

Voilà, on fait le tour des formats d'images les plus rependus sur internet ... Maintenant, vous pouvez gérer sur ce point ... Si j'en ai oublié (des formats importants, si vous allez me rechercher un vieux format d'images oublié sortit le millénaire dernier, je vous rirais au nez) faites-le moi savoir !

intéressant tout sa. Hum hum on peut avoir un peu plus d'explication sur les diférents niveau de png, pourquoi photoshop enregistre en 8 et pas en 32, sa change quoi ?

Quand tu dit que le .tiff est dépassé en tous points par les formats plus haut, je ne suis pas d'accord , il a une bin meilleur qualité. D'ailleurs tu as oublier un format qui est .raw format non compressé utilisé dans tout les APN reflex. Seul inconvéniant son poids vu que le fichier est non compressé la taille est énorme. Il est donc ensuite enregistrer en .tiff pour le web qui a une meilleur qualité que le .jpeg.

Alors, le raw, effectivement, est un format d'images que je n'ai pas cité.
Pourquoi ?
Parceque c'est le format d'image que tu viens de récupérer, via scanner ou appareil photo.
Or là, dans ce tuto, il s'agit de faire une liste permettant de choisir le format des oeuvres produites par les graphistes qui liront ce tutorial.
Or on ne va pas publier d'image en .raw, on va les utiliser, donc les enregistrer sous un autre format.

Le Tiff est dépassé en qualité par le PNG en codage 24 (je crois, mais ne suis pas sûr, mais en 48 bits, c'est sûr)

Pour le PNG, il fonctionne suivant différents niveaux.
Le PNG-1 : fonctionne à 1 bit, et est donc monochrome, mais n'est pas forcément noir et blanc, il en existe des bleu et noir par exemple.
Le PNG-2 : quadrichromie
PNG-4 : permet de faire une image de 16 couleurs, qu'il est possible de choisir
PNG-8 : permet 256 couleurs, il équivaut donc au format GIF, si ce n'est que sa qualité est légèrement meilleure. Comme dans chacun des formats précédents, les 256 couleurs sont sélectionnées pour diminuer au maximum les pertes de l'image.
PNG-24 : c'est les 16 777 216 couleurs, le nombre de couleurs d'un écran un peu vieux (aussi appelées couleurs vraies)
PNG-36 : fonctionne avec 4 294 967 296 couleurs, soient autant que les écrans normaux qui sortent actuellement dans le commerce
PNG-48 : là, on tourne avec 281 474 976 710 656 couleurs, soit plus que ce que peut distinguer l'oeuil humain ... C'est le genre de fichier "méga hyper super haute qualité" qui ne sert à rien sinon à frimmer, car nous ne pouvont percevoir la différence entre le PNG-36 et le PNG-48 ...