→ CHANGEMENT D'ADRESSE: Le blog CHAMPAGNE-BALADE a déménagé.

→ la suite des articles sur http://www.blog.champagne-balade.fr

18/11/2010

Compresser et redimensionner ses images: Pourquoi? Comment?

Photoblog, site, galerie photos: Compressez -vous vos images?

Cet article niveau débutant s'adresse à tous les blogueurs (toutes plateformes blog) qui illustrent leurs articles, et pas seulement aux photoblogs: comment alléger le poids de nos illustrations (photos, images...), et quels sont les avantages à redimensionner et compresser ces images? 

Réduction (redimensionnement) ou compression d'une image, quelle différence?


Pour simplifier: réduire la taille d'une image consiste à la rendre tout simplement plus petite. Au lieu d'un affichage plein écran, elle n'occupera qu'une partie de l'écran. Réduire une image entraîne automatiquement une réduction du poids de cette image, mais n'altère pas sa qualité (la netteté, les nuances...)

Compresser une image signifie perdre de la qualité. Une image est constituée de petits points, les fameux pixels. Plus une image est compressée, moins les pixels sont denses. Avec une trop forte compression, on peut même voir à l'oeil nu des petits points colorés sur sa photo. La conséquence de la compression est la même que lorsque l'on réduit la taille: la photo pèse moins lourd (les Mo ou les Ko...)

Est-il préférable de réduire ou de compresser pour le web?


Les 2 mon capitaine! Et même les 3! Car la plupart des logiciels de retouche photo proposent une troisième fonction à ne pas négliger: le réglage de la résolution de votre image.

Concrètement, comment procéder? (Si le logiciel que vous utilisez ne propose pas de modifier la résolution de votre image, passez directement à l'étape 2)
  • Étape 1: la résolution: vos images sont généralement en 300 ppp (ou ppi). Modifiez la résolution pour pouvoir les enregistrer ensuite en 72 ppp. 
  • Etape 2: la réduction de taille: redimensionnez votre image directement à la taille dans laquelle vous souhaitez la publier sur votre site ou votre blog. 
  • Etape 3: la compression: généralement effectuée au moment de l'enregistrement. On vous propose de choisir une qualité d'enregistrement. Si vous considérez que votre image est encore trop lourde, commencez par une faible compression (pour ne pas trop perdre en qualité à l'affichage). A titre d'exemple, la plupart des photos redimensionnées de ce blog pèsent moins de 150 Ko, et je n'ai généralement pas besoin de trop les compresser à l'enregistrement. 
réglage de la résolution et de la taille de l'image
Modifier la taille et la résolution (72 ppp) d'une photo (clic pour agrandir)

Poids idéal d'une photographie? (usage web)

Difficile de donner un poids idéal... Tout dépend du sujet: des photographies comme celles qui illustrent les articles sur les faux de Verzy ou les photographies de texture pèsent lourd car elles comportent beaucoup de détails et de nuances de couleurs différentes. J'ai été contrainte de les compresser davantage. Au contraire, les photographies d'insectes qui illustrent le billet sur la macrophotographie et les enfants ou des abstractions, comme celles des fleurs jaunes de forsythia pèsent toutes moins de 50 Ko après une simple réduction de taille, et n'ont pas eu besoin d'un taux de compression supplémentaire: peu de détails, des couleurs fondues souvent dans les mêmes tons = un poids allégé.

Quelles bonnes raisons pour alléger le poids de ses photos?

Améliorer le temps de chargement des pages de votre blog:
  • Une page web qui se charge vite, c'est mieux! Pour le confort des visiteurs, mais aussi pour notre maître google qui n'aime pas beaucoup les sites trop lourds. Un allègement du poids de vos illustrations améliorera le temps de chargement de votre page web.
Redimensionner pour optimiser le référencement de ses images par les moteurs (google)
  • La taille des images a une incidence sur le référencement des images: Google (encore lui!...) privilégie les images de taille moyenne. Je n'ai plus en mémoire les dimensions exactes, mais elles se situent aux alentours de 500 pixels de côté.(Environ 400 sur 600)
Un espace de stockage limité chez votre hébergeur d'images:
  • En important dans le dossier images de votre blog des photos déjà aux bonnes dimensions, vous remplissez moins vite votre espace de stockage. Chaque plateforme blog propose généralement gratuitement un hébergement d'images, mais l'espace de stockage est limité. Une fois que vous l'avez rempli, vous ne pourrez plus télécharger de nouvelles photos, et il vous faudra trouver un autre hébergeur pour continuer à bloguer en images. 
Éviter de se faire emprunter de façon illégale une image en grand format:
  • Attention à google images, qui a parfois accès à votre dossier images. Même si la photo est affichée en petit dans votre blog, un moteur de recherches d'images peut proposer l'image "à taille réelle", c'est à dire à la taille sous laquelle vous l'avez téléchargée dans votre dossier images (hébergée dans votre album Picasa pour les blogs blogger), et non à la taille qu'elle occupe dans votre blog. Très tentant pour celui qui cherche une illustration gratuite pour une affiche! Et voilà comment la photo un photographe animalier végétarien se retrouve sur l'affiche du prochain congrès de chasse à courre...
Des images de qualité moindre pour limiter le vol de photos sur internet ( suite):
  • Enfin, une dernière bonne raison qui reprend la précédente: la compression, la faible résolution et le redimensionnement de vos images en limitent l'utilisation qu'un visiteur mal intentionné pourrait en faire. Au pire, quelqu'un pourra se servir de votre photo dans un coin de son blog, mais difficile d'en tirer autre chose qu'une vignette illustrative. (Et si, en plus, le voleur doit rogner et recadrer pour supprimer votre filigrane, il ne lui restera que des miettes).

Quel logiciel pour réduire ou compresser ses images?

N'importe quel logiciel de retouche d'images basique propose les 2 fonctions redimensionnement et compression. La résolution en 72 ppp n'est pas toujours proposée par les petits logiciels photos trop simples.
Cet article a été initialement publié il y a un an et demi. Je le publie à nouveau, après l'avoir remis à jour et rectifié quelques imprécisions, et j'en ai profité pour y rajouter la capture d'écran. (La saison n'est pas qu'au ménage dans les archives photos, mais aussi au ménage dans le blog!...)
___________________________________________________________________
Articles liés: Ces articles peuvent vous intéresser:

3 commentaires:

  1. La mise à jour de ton article me convient parfaitement: en effet comme j'ai changé d'AN je rencontre quelques problèmes de compression.
    Je vais étudier à fond tes explications.
    Mais quel cours tu nous donnes là! Merci.

    RépondreSupprimer
  2. @ Monic: J'allais quitter l'ordi lorsque tu as posté ton com: dans la foulée, j'ai longuement hésité et j'ai fini par me décider à réaliser un index de tous mes articles "tutoriels"... A suivre
    Et je te souhaite beaucoup de plaisir avec ton APN: une nouvelle aventure commence?

    RépondreSupprimer
  3. Bien que rompu à l'exercice dans ses trois phases, j'ai lu jusqu'au bout et j'approuve ton remake, il est précieux pour qui débute dans la diffusion d'images.

    RépondreSupprimer

La balade vous a plu? N'hésitez pas à laisser un petit mot ou à partager cet article.
Merci de votre visite et à bientôt!
Cathy Bernot



Comment laisser un commentaire | Gestion et modération du blog.