Formats d’images

Publié le dimanche  11 avril 2010
Mis a jour le dimanche  3 juillet 2011
par  Steph
popularité : 5%

Plusieurs formats graphiques sont utilisés sur le web : GIF, PNG et JPEG (.jpg) - ainsi que MNG, peu utilisé et non compatible avec SPIP.

PNG se décline en PNG 8, 24 et 32, et il existe également différents niveaux de compression pour GIF et JPEG.

Pour vos images et photos, vous devrez donc choisir entre ces différents formats, en cherchant le meilleur compromis entre la qualité et le poids. A qualité égale, autant prendre le format qui pèse le moins lourd.

Vous trouverez ci-dessous des tableaux de comparaison pour faciliter vos choix.

Récapitulatif  

Vous trouverez ci-dessous un récapitulatif pour l’ensemble des formats supportés par SPIP.

Je l’avais mis en conclusion puis je me suis dit que c’était probablement ce qui vous intéresserait le plus, alors le voici en début d’article ;-)

Plus bas, vous trouverez les preuves en images de ce récapitulatif.

png 24png 8gifjpg
Texte - + ++ -
Image simple - ++ + -
Image avec transparence simple - ++ + -
Dégradé sans transparence - ++ - +
Plusieurs niveaux de transparence ++ - - -
Photos - - - ++

Globalement je dirais donc que vous pouvez sans crainte utiliser png 8 pour tout sauf pour les photos (jpg) et les dégradés à plusieurs niveaux de transparence (png24).

Texte ou Image avec des couleurs simples  

GIF - 447 octets
gif
447 octets
PNG - 663 octets
png 24
663 octets
PNG - 485 octets
png 8
485 octets
JPEG - 1.7 ko
Jpg qualité 0
1.7 ko
JPEG - 3.9 ko
Jpg qualité 80
3.9 ko
Le gagnant : gif, suivi de près par png 8

Vous puvez toujours laisser gif et png en 256 couleurs, en effet, ils n’utiliseront que celles dont ils ont besoin : ici 2 seulement, pour les dessins oulogos complexes, 128 ….

Dessin ou logo complexe sans transparence  

GIF - 3.2 ko
Gif
3.2 ko
PNG - 9.7 ko
png 24
9.7 ko
JPEG - 3 ko
Jpg qualité 70
3 ko
PNG - 2.8 ko
png 8
2.8 ko
Le gagnant : png 8 : très bonne qualité d’image et le plus léger

Dessin ou logo simple avec transparence à un seul niveau  

PNG - 2.2 ko
Transparence simple
original
PNG - 4.4 ko
png 24
4.4 ko
le jpeg ne peut pas afficher de transparence
PNG - 782 octets
png 8
782 octets
GIF - 796 octets
gif
796 octets
Le gagnant : png 8 : très bonne qualité d’image et le plus léger

Transparence à plusieurs niveaux  

JPEG - 6.9 ko
Dégradé progressif
original
GIF - 12.3 ko
bg_site.gif
image de fond du site

Le grand gagnant : le png 24 !

Le problème connu de ce format est qu’il n’est pas compatible avec Internet Explorer. En réalité depuis Explorer 6, le png 24 est supporté (ce qui n’est pas le cas du png 32).

Constatez par vous même :

JPEG - 22.9 ko
Sous Firefox 3
JPEG - 23.1 ko
Sous Internet Explorer 6
navigateur utilisé par 20.07% des utilisateurs en janvier 2010
JPEG - 22.1 ko
Sous Internet Explorer 5.5
ce navigateur n’est plus utilisé

Source des chiffres : ZDNet.fr

Une idée : pour que vos visiteurs utilisant IE6 passent à IE8 ou à un autre navigateur, vous pouvez installer ce plugin très sympa Changez de navigateur

Photos  

Là, pas le choix, le jpg s’impose par sa qualité et son poid.

Détail d'une photo originale de 15,5 M - Différents formats

Il existe un plugin peu connu de Photoshop qui fait des merveilles en matière de compression jpg (pour le web ou pour impression) : ProJpeg.


Commentaires  (fermé)

Navigation

Articles de la rubrique

Agenda

<<

2013

>>

<<

Mai

>>

Aujourd'hui

LuMaMeJeVeSaDi
293012345
6789101112
13141516171819
20212223242526
272829303112
Aucun évènement à venir les 12 prochains mois

Annonces

Annonce nouvelle mise à jour de SPIP

Après la 2.1.8, puis la 2.1.9, une nouvelle mise à jour de sécurité est préconisée par SPIP.

La nouvelle version est la 2.1.10. A installer d’urgence !

Nous indiquons sur notre site comment "Effectuer une mise à jour de spip" : vous pouvez suivre le tuto, il marche !