Aller au contenu

franck-grenier.fr

Agilité et développement Web

Catégories

  • Coup de gueule (1)
  • Design (5)
    • Inspiration (1)
    • Photo (3)
    • Responsive (1)
    • Tendances (1)
    • Webdesign (2)
  • Développement (11)
    • Astuce (5)
    • Bases de données (2)
    • eZ Publish (1)
    • JavaScript (4)
      • BackboneJS (1)
      • Google Maps API (1)
    • Performances (1)
    • PHP (2)
    • Solr (1)
  • Gestion de projet (7)
    • Méthodologie (7)
      • Agile (5)
  • Kit de survie en DSI (1)
  • Linux (5)
    • Apache (2)
  • Non classé (2)

Liens

  • Agilex – Alexandre Boutin
  • devops.works
  • Le Blog de Jean-Pierre Lambert
  • Le blog de Thomas Zilliox
  • Mes photos sur Flickr
  • My Agile Partner
  • Scrum, agilité & Rock'n Roll – Claude Aubry
  • Suivez-moi sur Twitter

Étiquette : compression

PNG vs JPEG : l’éternel confusion

Utilisation du format PNG et du format GIF

Les formats PNG (Portable Network Graphics) et GIF (Graphics Interchange Format) sont des formats d’image sans perte.

Ils sont particulièrement adaptés pour les illustrations avec des aplats de couleur unie (notamment les logos) et les images sur fond transparent. L’utilisation d’une palette de couleurs indexées réduit considérablement le poids des fichiers PNG et GIF.
On privilégiera tout de même le format PNG qui gère la couche alpha (transparence partielle ou totale) et permet de stocker plus de couleurs que le GIF.

Utilisation du format JPEG

Le format JPEG est destructif et clairement dédié aux photographies. Il permet de minimiser le poids des photos en contrôlant la perte de qualité.

Son utilisation sur des illustrations est contre-productive : il dégrade le rendu des aplats de couleurs et génère des fichiers plus lourd que le PNG, pour une même illustration.

Exemple

Logo GIF 256 couleurs
Logo GIF 256 couleurs, 833 octets : excellent qualité, les aplats sont propres et les détails sont nets.
logo GIF 5 couleurs
Logo GIF 5 couleurs, 663 octets : qualité identique au GIF 256 couleurs avec l’optimisation en plus
logo JPEG
Logo JPEG, 892 octets : on atteint le même poids que le GIF au détriment de la qualité.
logo JPEG grande qualité
Logo JPEG grande qualité, 5.18 Ko, pour atteindre la même qualité que le GIF, on obtient un JPEG presque 8 fois plus gros.

Conclusion

Chers collaborateurs designers, exportez vos maquettes et logos en PNG. Merci beaucoup.

 

Publié le 8 décembre 201310 décembre 2013Catégories Design, WebdesignMots-clés compression, formats, gif, jpeg, logo, pngLaisser un commentaire sur PNG vs JPEG : l’éternel confusion
Fièrement propulsé par WordPress