insérer des images, mais quel format pour l'enregistrement?Réponse ici

Bien choisir sont image mais que choisir que veut dire ces nom ?
GIF, PNG ,JPEG, BMP....

ci certain site sont long à charger , ce n'est pas qu'elles contiennent beaucoup de texte mais c'est plutôt à cause des images.Par exemple,une simple photo de 120 Ko correspond à 120 000 caractères, soit environ 24 000 mots ! Voila pourquoi le poids des images a temps d'importance sur le Web.

L'objectif est d'avoir des fichiers images les plus légers possible , a l'aide d'utilisation des algorithmes mathématiques de compression pour trouver l'image approprié, Selon celui que vous choisissez, le poids et l'image et sa qualité peuvent beaucoup varier , mais c'est à vous de choisir
( la technique de compression est différente d'un format à l'autre ).

Tout les logiciels de retouche d'images vous laissent le choix du formats dans lesquels vous souhaitez enregistrer votre image par exemple Gimp

mais que cela veut t-il dire ? je vais donc tout vous expliquer !

• JPEG (Graphics Interchange Format)
  très adaptées pour les photos, c'est a dire les images comportant beaucoup de couleurs différentes
  qui possèdent plusieurs niveau de compression , c'est à vous de trouver le meilleurs compromis :
  préférez vous une image de très bonne qualité mais de poids plus important ou le contraire ?
  paint l'éditeur basique ne permet pas de choisir le taux de compression, utilisez de préférence un logiciel plus performant Gimp qui présente en outre l'avantage d'être un logiciel libre
  
  Evitez de préférence l'enregistrement en PEG des images possèdent peut de couleurs car l'image risque d'être ''sale'' par endroits.

exemple d'image JPEG https://2img.net/u/1212/81/04/01/avatars/4-26.jpg , https://2img.net/u/1212/81/04/01/avatars/188-31.jpg etc...

• LES PNG
  contrairement au JPEG celui ci ne détériore pas la qualité de l'image en la compressant , bien que le JPEG reste le plus indiqué pour les photos ,
  il existe plusieurs types d'images PNG qui permet d'enregistré plus ou moins de couleurs différentes dans la même images
  
  →LES PNG 8 bits : 256 couleurs donc adapté pour les images possédant un très peu de couleurs ( images en noir et blanc, petits logos....)
  
  → LES PNG 24 bits présente plusieurs millions de couleurs a la fois 16 77 216 pour être précis ont peut donc sauvegarder des images très riche en couleurs, notamment des photos , mais il est recommandé l'utilisation de JPEG pour les photos.
  Exemple d'images PNG : http://www.netimago.com/images/LVKJyrscUx6GOHF.png
  
  Certaine transparence sur plusieurs niveaux est un atout majeurs qui permet de mieux lisser l'images, le rendu final parait plus propre donc plus professionnel.

• LES GIF
  très rependu dans le Web qui existe depuis plus longtemps , les GIF ne peuvent pas contenir 256 couleurs comme le PNG, ce qui prend inutilisables les photos .Ils peuvent être rendu transparent mais ne proposent pas autant d'option de transparence que les PNG, il est donc aujourd'hui recommander d'utiliser le PNG.
  Exemple de gif :

mais l'image des GIF fur un temps ou il était a la mode Ont sait désormais combien les images animées peuvent distraire les visiteurs et donc leur provoquer des migraine ^^ donc ne partez pas s-il vous plait j'ai pas encore fini .merci de votre compréhension xD


Pour résumer la situation :

Format	Nombre maximal de couleurs	Commentaires	Exemples d'utilisation
JPEG	16 777 216	Les images JPEG sont légèrement détériorées pour réduire la taille des fichiers. Ce format est de loin le plus adapté à l'enregistrement de photographies	Photographies
PNG 8 bits	256	C'est un concurrent direct du GIF il compresse mieux les images. Celles-ci sont donc plus légères et plus rapides à changer, ce qui explique pourquoi on l'utilise de plus en plus.	Boutons graphiques ( peu de couleurs ), flèches de navigation, petites icônes....
PNG 24 bits	16 777 216	A mi-chemin entre le PNG 8 bits et le JPEG, ce format présente la particularités de ne pas détériorer l'image. La transparence sur plusieurs niveaux permet de créer de très belles images adaptées pour un design de site web. Pour des photographies, préféres le format JPEG	Logos et boutons graphiques détaillés ( nombreuses couleurs ), capture d'écran...
GIF	256	préfére le format PNG 8 bits au GIF dans le mesure du possible. Le GIF est le seul format pouvant créer des images animés	Logos et boutons animés

je vous est parlé des BMP, mais je n'est pas détallé ( images bitmap) ces images sont compressées, ce qui veut dire qu'elle prennent beaucoup de place et qu'elle sont donc longue à charger
exemple : une photo BMP occupe en moyenne 2,25Mo , alors que la même images enregistré au format JPEG prend seulement 173Ko, soit 13 fois moins , je vous laisse imaginer l'impact sur le temps de changement d'une page Web.

la majorité du texte viens d'un livre " réussir sont site Web avec xhtml et css " remis en grande partie a ma façon ^^ .J'espère que ca vous aidera.

transparence entre 2 images , PNG 8 bits et PNG 24 bits
Evue le peu de personne intéressé, j'ai quand même fini par trouver une image pour différencier ces 2




à gauche 24 bits et à droite 8 bits

Pour un rappel !!!
aller voir les PNG directement

Et pour finir 16 777 216 couleurs est le maximum que peut voir l'œil humain,magnifique