w3qc.org

w3qc.org

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.