Quelle est la différence entre GIF, PNG et JPG? | W3Québec
Contribution de Normand Lamoureux, octobre 2005
Le constat
Actuellement, trois formats graphiques sont utilisés sur le Web : GIF, PNG et JPEG, qu’on voit plus souvent sous la forme abrégée JPG.
GIF signifie Graphics Interchange Format.
PNG se prononce « ping » et signifie Portable Network Graphics.
Quant à JPEG, il signifie Joint Photographic Experts Group.
Grosso modo, GIF et PNG conviennent mieux aux images de type logo ou bande dessinée, alors que JPG sera à privilégier pour des images de type photo.
Signalons que le format MNG (prononcé ming) se veut être le remplacement des images animés GIF. Cependant ce format n’a jamais eu de succès auprès des navigateurs.
Tableau synthétique
Comparaison entre les formats d’image Web GIF et PNG
GIF (Graphics Interchange Format) | PNG (Portable Network Graphics) |
---|---|
ne fait pas partie des recommandations du W3C | fait partie des recommandations du W3C |
développé en 1987 et en 1989 par Compuserve | développé en 1995 par un groupe de programmeurs bénévoles |
algorithme de compression sans perte, mais breveté | algorithme de compression sans perte et non breveté |
gère la transparence sur une seule couleur | gère la transparence jusqu’à 256 couleurs |
affichage progressif possible, mais moins net et plus lent | affichage progressif possible, plus net et plus rapide |
animation possible depuis GIF89a | pas d’animation possible |
support complet par tous les navigateurs graphiques | support encore incomplet dans certains navigateurs graphiques |
profondeur de couleur jusqu’à 8 bits (256 couleurs) | profondeur de couleur jusqu’à 24 bits (16,7 millions de couleurs) |
pas de possibilité d’intégrer la correction du gamma | possibilité d’intégrer la correction du gamma |
Type mime : image/gif |
Type mime : image/png |
Le taux de compression du format PNG est de 5 % à 25 % supérieur à celui du format GIF.
Bon à savoir
- Le PngOptimizer permet de convertir un fichier ou un lot de fichiers GIF ou BMP en PNG compressé sur un simple glisser-déposer.
- Consulter le dossier « Images et graphiques pour le Web » (décembre 2003) du Centre d’Études et de Ressources des Industries Graphiques.