Les guides En1heure

Sources de ce document

Ce document est une version imprimée de l'article "Quel format d'image choisir pour son site (pratique)" que vous trouverez sur http://www.en1heure.com/pratique_formats_image.php.
© En1heure.com - Tous droits réservés.


quel format choisir ? (pratique)

Voici l'illustration en images :o) A savoir : j'ai ici utilisé les optimisations maximales pour chaque format de fichier afin d'obtenir le meilleur rapport poids/qualité et en essayant de donner à toutes les images le même poids.

Test N°1 : texte ou logo simple

Format Poids Image Commentaires
JPEG 1.02 ko Format JPEG Le JPEG fournit une image baveuse, très fortement dégradée. Les changements brusques de couleur ne sont pas à son avantage. Le poids du fichier aurait pu être encore diminué mais la qualité aurait été vraiment trop médiocre.
La palette noir & blanc est utilisée.
GIF 1.89 ko Format GIF Le GIF fournit ici une image impeccable et sans la moindre détérioration. Le poids est par contre assez élevé.
L'image est enregistrée sans transparence.
La palette noir & blanc est utilisée.
PNG8 0.98 ko Format PNG Le PNG8 fournit ici une image impeccable et sans la moindre détérioration. Elle est, de plus, plus légère que celle fournie par le format GIF.
L'image est enregistrée sans transparence.
La palette noir & blanc est utilisée.
PNG24 N/A N/A Le PNG24 n'est pas concerné : la palette noir et blanc ne se fait que sur PNG8.

Le PNG est donc vainqueur de ce comparatif.

Test N°2 : dessin ou logo complexe

Format Poids Image Commentaires
JPEG 1.99 ko Format JPEG Le JPEG fournit une très bonne image et respecte bien les couleurs mais il a été nécessaire d'utiliser un taux de compression assez faible (20 %). Avec un taux plus élevé l'image se dégradait très rapidement.
GIF 1.73 ko Format GIF La palette ne contient plus que 64 couleurs. L'image est très bonne et les effets de la réduction des couleurs ne sont pas gênant du tout. L'image est plus légère qu'en JPEG.
L'image est enregistrée sans transparence.
PNG8 1.59 ko Format PNG La même palette de 64 couleurs est appliquée. Les effets sont donc identiques mais le poids de l'image est inférieur à celui généré par le format GIF.
L'image est enregistrée sans transparence.
PNG24 7.36 ko Format PNG24 L'image a beau être très bonne le poids n'est pas justifié. Si les 16 millions de couleurs devaient vraiment être conservées me JPEG serait plus approprié. Mais on voit bien ici que du simple PNG8 donne un aussi bon résultat pour un poids plus de 4 fois inférieur !
L'image est enregistrée sans transparence.

Le PNG8 est donc grand vainqueur de ce comparatif. Le PNG24 est enterré.

Test N°3 : image utilisant la transparence

Format Poids Image Commentaires
JPEG NA NA Le JPEG est incapable de gérer la transparence.
GIF 1.18 ko Format GIF L'image est bien plus lourde qu'en PNG et elle est franchement moche : les contours sont hachés. Le GIF ne gère qu'un seul canal de transparence. On le remarque bien ici.
PNG8 0.67 ko Format PNG8 L'image est mauvaise. L'unique canal alpha autorisé dans le PNG8 (identique à ce qui se fait en GIF) y est pour beaucoup.
Notez que le poids de l'image est tout de même inférieur à celui de l'image en GIF.
PNG24 0.76 ko Format PNG24 L'image est excellente, les contours doux. La transparence est conservée dans sa totalité.
Le poids de l'image est largement inférieur à celui de l'image en GIF (35% de différence !).
ATTENTION : sur Internet Explorer la transparence du PNG n'est pas supportée.

Le PNG24 aurait donc été vainqueur de ce comparatif si Internet Explorer, utilisé par 90 % des Internautes, l'avait correctement supporté. Pour des raisons de compatibilité il est donc préférable de n'employer, pour des images avec transparence, que le PNG8 (voir le GIF).

Test N°4 : photographie ou dégradé

Il me paraît totalement inutile de vous présenter un tableau comparatif dans la mesure où le JPEG est le seul format capable de produire une image à la fois de bonne qualité et de faible poids.
N'utilisez que ce format pour les photographies quelque soit leur taille.

Imprimer cette page Imprimer cette page | Ajouter au favoris Ajouter aux favoris
Revenir en haut de la page

Besoin d'aide ? Une question ?

N'hésitez pas à venir chercher de l'aide ou des explications spécifiques sur le forum En1heure.
Nous ferons notre possible pour vous aider au plus vite.

Faites un lien vers cet article !

Vous avez aimé cet article et vous désirez le faire connaître ?
Vous pouvez facilement intégrer un lien vers celui-ci sur votre site en collant ce code :

Vous désirez intégrer ce lien sur un forum ? Il vous suffit de copier/coller ce code :

Merci !

Revenir en haut de la page

Liens commerciaux

Guide achat hardware

Vos actions


- [ Powered by Itseasy v0.3.7 | Thème : eco-box par Vanquish & Reaktif ] -
Les informations ne sont données qu'à titre indicatif.
© Les guides En1heure, tous droits réservés - Reproduction interdite.

Hébergé par OVH

Administrer Itseasy

Lecture complémentaire : venteprivée | vente privée | recettes de cuisine | Autoperfs.com | voyage privé