Je voulais aborder le sujet des différents formats d'images, que j'ai personnellement déjà vu assez souvent revenir au cours de mes lectures, et qui pourtant me semble bien peu connu du commun des mortels.

Et pourtant, le choix du format est essentiel pour ajuster la qualité et le poids des images selon ses besoins, et le type d'élément que l'on veut afficher.

Je suis tombé récemment sur une infographie en anglais qui résume l'essentiel, et me suis dit qu'une version francophone à ma sauce pourrait être utile.

Je m'attacherai au 3 formats les plus courants, même s'il en existe d'autres. Pourquoi pas compléter plus tard cet article si cela intéresse du monde.

Comme j'ai de furieuses envies de tests HTML / CSS ces derniers temps, j'ai tenté un petit truc au niveau de la mise en page, tu me diras ce que tu en penses.

 

JPEG

"Joint Photographic Experts Group".


.JPG ou .JPEG

Prononcer "ji-peg", ou "jay-peg" en anglais


Couleurs

Des millions peuvent être affichées


Compression

Elle est importante pour réduire la taille, idéal pour le web. La qualité est cependant affectée si la compression est trop forte.


Standard

C'est un format utilisé par la plupart des appareils photos, et compatible avec des nombreuses plateformes

IDÉAL POUR

 

Photos

 

 

Image fixes

(pas d'animation)

 

 

Couleurs complexes

 

 

Nuances de gris

 

GIF

"Graphics Interchange Format".


.GIF

Nombreux débats sur la prononciation "jif" ou "gif", mais le créateur a finalement tranché pour "jif"


256 couleurs

 


Transparence

possible sur une entrée de la palette de couleur


Animation

plusieurs images combinées dans un fichier donnent une impression de mouvement

IDÉAL POUR

 

Images simples

 

 

Petites icônes

 

 

Images animées

 

 

Images avec peu de couleurs

 

PNG

"Portable Network Graphics".


.PNG

Prononcer "P-N-G" ou "ping"


Couleurs

256 pour le format PNG-8, plus de 16 millions pour le PNG-24


Transparence

Avec dégradés possibles, pour des effets de couleurs translucides


Compression

sans perte, donc des fichiers bien plus lourds que le JPEG

IDÉAL POUR

Images web avec transparence et dégradés

 

 

Image en cours d'édition

 

Images complexes si la taille n'est pas un problème

 

Petites icônes avec transparence

 

 

En résumé

Pour faire encore plus court que les quelques éléments ci-dessus :

- la plupart du temps sur le web, les photos sont en format JPEG en essayant de trouver le compromis de compression idéal entre le poids des fichiers et la qualité de rendu (ce qui n'est pas toujours simple d'ailleurs),

- le format PNG peut être utilisé partout où la question du poids de fichier ne se pose pas, ou pour des éléments graphiques simples lorsque l'on cherche une qualité optimale,

- enfin, le GIF est l'idéal pour les images animées, il est d'ailleurs célèbre pour ça.

 

Tout est clair à présent ?

 

Tags: 

Tu aimes ce site ?


Tu devrais lire aussi

Commentaires

Portrait de Marion

Effectivement, le PNG est le seul format à supporter la transparence

mais pour les très grosses images le PNG peut s'avérer beaucoup plus lourd que le JPG, l'idéal est de tester les deux pour chaque image et de prendre le plus optimisé

Portrait de costin5959

du coup est-ce que le PNG est moins riche en couleur que le JPEG ?

Portrait de coreight

Pour JPEG comme pour PNG-24 : 2^24 couleurs, soit 16 777 216

Portrait de Tony LIGHT

Le genre d'article qui affole mon agrégateur RSS, c'est pas bien de tenter des choses Coreight !!! :P
C'est intéressant de faire ce genre de rappels !

Portrait de coreight

Oui je sais, c'est fait exprès pour te faire venir en direct sur le site de temps en temps et passer dire coucou en commentaire :-p

Portrait de Tony Light

Ahah, pas mal, ça se tient !
En général ça me fait plutôt supprimer le site, t'as de la chance que je t'aime bien ! ^^

Portrait de Ben

Pour le png tu peut rajouté tout ce qui est schéma (voir text), la taille du fichier est souvent plus petit que via jpeg mais surtout la qualité sera bien meilleur.
De même sur des images avec de grand aplat de couleur le png se comporte mieux que le jpg (en taille et qualité).

Portrait de Bern

Bons rappels ! Merci ! J'utilise effectivement le PNG pour poser des images avec fond transparent sur un décor...par exemple ! . La qualité et l'antialiasing (frange) sont toujours excellents.