Images Web - Notions de base - JPG GIF PNG


Les formats graphiques pour le Web

JPEG, GIF, PNG
 

 
Titre Détail

JPEG

Joint Photographic Experts Group

  • Extension : jpg
  • Compression très efficace avec perte de qualité
  • Supporte 16,7 millions de couleurs
  • Permet l’affichage progressif (codage progressif)
  • Ne supporte pas la transparence
  • Ne permet pas de créer des animations

Quand l’utiliser : c’est le format à utiliser de préférence pour les photos, ou s’il n’y a ni animation, ni transparence.

 

GIF

Graphics Interchange Format

  • Extension : gif
  • Compression sans perte de qualité
  • Supporte 256 couleurs
    • (dithering = diffusion d’erreur = lissé des couleurs)
  • Permet l’affichage progressif (entrelacement)
  • Supporte la transparence
  • Permet de créer des animations
Quand l’utiliser : images avec couleur transparente, gifs animés, boutons, logos, icônes...

PNG

Portable Network Graphic

  • Extension : png
  • Compression sans perte de qualité
  • Supporte couleurs réelles jusqu’à 42 bits
    • (dithering = diffusion d’erreur = lissé des couleurs)
  • Permet l’affichage progressif (entrelacement)
  • Supporte la transparence
  • Ne permet pas de créer des animations
    • Sauf si format APNG (non officiel)

Remarques : seuls les navigateurs récents reconnaissent ce format. Les png sont plus légers que les gifs et moins que les jpg.

 

On oublie

Il existe...

Il existe beaucoup d’autres formats, soit trop lourds (bmp), soit très moyennement compatibles avec le web (Tiff), soit incompatibles et très lourds.

Le cas du svg est intéressant : je pense que ce sera le prochain standard (développé et maintenu par le W3C, compatible html 5).

 


Pour aller plus loin

 
mercredi 18 mai 2011
par  Jean-Michel FREDERIC
popularité : 8%

Documents joints

JPEG, GIF, PNG, SVG
JPEG, GIF, PNG, SVG

Navigation

Articles de ce dossier