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.
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
http://compresspng.com
L’un des meilleurs outils en ligne pour l’optimisation d’image.
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
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.
merci pour le lien DRG
Julien merci pour le complément d’information,
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.
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. 😉