Cocktail Web

Actualité des outils du Web



Quel format d’image faut-il choisir pour un blog? PNG, JPG ou GIF

09/06/2012 ( blogging, photo ) 6 avis


Si vous bloguez, vous insérez des images dans votre blog, sinon votre blog va vite devenir ennuyeux à lire. Intégrer des images est relativement simple sur n’importe quelle plate-forme de blog, mais il faut cependant respecter certaines règles.

1) Limiter le poids de la photo est le premier conseil. Pour un blog de base on devra se limiter à la largeur du corps du blog. Sur ce blog, la taille limite des photos est de 550 px (pixels). Si on veut intégrer des photos de grandes tailles, il faudra mieux utiliser de service comme Closr.it



Comment redimensionner une image?

Vous pouvez utiliser ces logiciels en ligne ezyimageresizer ou resizeimage image qui vous permettent de déterminer la largeur de la photo. Pour un usage plus industriel il faut mieux télécharger une freeware comme Photoscape que j’utilise pour ce blog

2) Quels  formats d’image choisir JPG, PNG ou GIF?

Il existe d’autres formats, mais ces trois formats sont les plus communs et suffisent largement pour un blog.

Le format JPG (JPEG)

C’est le plus commun des formats et personne ne se trompera en utilisant systématiquement ce format.  J’utilise  ce format avec une compression de 70%, ce qui rend les photos légères et n’altère que très peu la qualité de la photo pour un blog. Si vous voulez utiliser une compression moins fortes, 90% allège vraiment la photo sans trop altérer la qualité.

Exemple avec cette photo de 590 pixels de large

  • 100% de qualité 252 kilo octets
  • 90% de qualité 94 ko soit 63% de poids en moins
  • 80% de qualité 64 ko soit 75% de poids en moins
  • 70% de qualité 52 Ko soit 80% de poids en moins

On utilisera ce format pour des photos de paysages, portraits, mais il faudra éviter ce format pour des impressions d’écran simples et de logos. Pour ce type d’utlisation utilisera dans ce cas les format PNG.

Le format PNG

Ce format PNG ne perd pas en qualité d’image, mais on l’utilisera pour des formes de photos spécifiques, impression d’écran simple (quand il ne s’agit pas d’une vidéo ou d’une photo ou d’un écran trop chargé), logo.

La photo de l’exemple du dessus (tarte aux abeilles) sous format PNG est de 690 Kilos octet soit presque 3 fois le poids en JPG, ce n’est donc pas une photo adéquate pour ce genre de format. En revanche avec l’exemple si dessous, on peut voir la différence de qualité avec le logo twitter enregistré à gauche  sous png et à droite sous jpg pour un poids équivalent.

différence entre jpg et png

Le format GIF

C’est l’ancêtre du PNG, on pourra utiliser le format GIF en lieu et place du format PNG, mais on réserve ce format pour les photos ou images animées (cf mon billet sur la création de gif animés). L’insertion de Gif animés dépend vraiment du thème de votre blog, pour ma part il est très rare que j’utilise ce format.

En conclusion

  • Le format à utiliser la plupart du temps est le format JPG, avec un compression de 60 à 90%
  • pour des images qui contiennent du texte, des diagrammes simples, il faut mieux utiliser le format PNG.
  • On réservera les GIF pour les image animées.

Pour les puristes

Les puristes pourront sauvegarder les photos sous plusieurs formats et choisir le meilleur poids, je suis sûr qu’il doit y avoir des logiciels qui le font automatiquement.

Conseil

Si un de vos billets est régulièrement lu (remonté par google) et qu’il contient pas mal de photos, vous devriez l’optimiser en terme de poids d’image, voire héberger les images ailleurs que sur votre blogue pour optimiser le chargement des photos.

Quelques autres liens pour compresser les photos en ligne

Pour une compression encore plus accrue des images, vous pouvez également utiliser ces ressources en ligne, qui vous permettront de reduire encore  plus le poids de vos images sans toutefois en altérer la qualité

première version : Feb 9, 2010 

Étiquettes : ,




Ecrit par Thierry Roget

------------

» Suivez les commentaires de ce billet par RSS

Commentaires

» Abonnez vous au flux RSS des commentaires de ce billet

Commentaire de DrG. |

Un autre webware pour réduire ses images en 3 clics et faire aussi des gifs animés etc…
http://www.reduction-image.com
C’est un copain et c’est français donc je me permets.     😉

Commentaire de Julien Sévère |

Le JPG est le format idéal pour les photos, aucun des autres formats ne peut être plus efficace par contre sur une image comportant peu de couleurs différentes les formats qui joue avec seulement 256 couleurs comme le gif ou le png 8 peuvent proposer des poids de fichier inférieur.

Commentaire de Thierry Roget |

merci pour le lien DRG
Julien merci pour le complément d’information,

Commentaire de Mathieu Muller |

T’as juste oublié de préciser un truc méga important avec le PNG: on peut soit l’avoir en 24bits (true color) soit en palette. Le mode palette limite au maxi a 256 couleurs dans une image, mais allège grandement le poids de l’image.

Commentaire de Thierry Roget |

Mathieu effectivement ça décape, mais je n’ai pas l’option sur photoscape, c’est surement comme ça que les images cruncher du type smush it arrivent à compresser encore plus l’image. Merci pour l’information

Commentaire de Pol |

http://compresspng.com
L’un des meilleurs outils en ligne pour l’optimisation d’image.