JPEG, GIF, PNG : quand utiliser les différents formats d'images ?

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.

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 ?