Advertisement
  1. Photo & Video
  2. Post-Processing

La compression des images Jpeg sur Facebook: Comment obtenir la meilleure qualité d'image sur votre Timeline

Scroll to top
Read Time: 4 min
This post is part of a series called Image Compression for Photographers.
Save For Web: Better JPEG Compression with Adobe Photoshop
Twitter JPEG Compression: How to Create the Best Quality Image for Your Feed

() translation by (you can also view the original English article)

Nous l'avons tous fait, téléchargé une image qui avait l'air fantastique dans notre logiciel d'édition pour finalement reculer avec horreur devant la photo comprimé qui se trouve maintenant sur notre timeline Facebook. Avec les conseils suivants, je vais vous aider à obtenir le meilleur résultat possible au niveau de la qualité lors du téléchargement de vos photos.

Décrypter les lignes directrices

Facebook nous a donné ces directives:

directives facebookdirectives facebookdirectives facebook
Les directives de Facebook sur l'ajout d'images

Voyons donc comment cela fonctionne. Nous allons commencer avec des images normales.

Images normales sur la Timeline

Facebook nous conseille de télécharger les images avec une largeur de 720px, 960px ou 2048px pour obtenir les meilleurs résultats. Je vais utiliser cette image pour effectuer les comparaisons:

image d'exempleimage d'exempleimage d'exemple
Image d'exemple pour une utilisation sur Facebook

J'ai sauvegardé l'image à chacune des largeurs mentionnés et je les ai téléchargé; puis j'ai enregistré les versions Facebook compressés sur mon ordinateur.

La première chose à noter est la différence de taille du fichier. Si j'analyse toutes les image, nous allons nous perdre dans les chiffres, alors on va prendre la largeur du milieu; 960px, le fichier avec lequel j'ai commencé avait une taille de 523KB et celui que j'ai enregistré de Facebook avait 86.9kb donc nous pouvons déjà en conclure qu'il y avait une compression drastique.

Voici les trois tailles à 100% après une compression par Facebook:

comparaison de compression facebookcomparaison de compression facebookcomparaison de compression facebook
Une comparaison des trois largeurs suggéré par Facebook

Nous pouvons noter des changements sur les trois photos, en particulier au niveau du haut du pont, donc je me suis concentré sur cela pour les démonstrations. L'agrandissement (en haut à gauche) a les signes les moins évidents de compression et la plupart des personnes ne vont pas regarder la photo d'aussi près, ce sera alors encore moins visible, contrairement à la photo en 720px qui ne deviendra pas plus grande.

J'ai essayé les mêmes tailles de fichiers avec du PNG au lieu de JPEG et j'ai obtenu des résultats similaires, donc je ne vais pas vous ennuyer avec ceux-ci.  Il est intéressant de noter que le format PNG va créer un fichier de plus grande taille, et Facebook va tout simplement vouloir diminuer la taille (nous verrons les détails plus tard). Les seules images où je trouve que cela fait une différence réelle sont des images qui comprennent du texte, comme lorsque vous téléchargez une image avec un logo par exemple.

Photos de couverture

Voici la photo que je vais utiliser pour ma couverture:

photo de couverture d'exemplephoto de couverture d'exemplephoto de couverture d'exemple
Ma photo de couverture d'exemple

Si on essaye de télécharger cette photo en pleine résolution (quelques 7000px de large), voilà ce qui se passe:

Photo de couverture Facebook avec compressionPhoto de couverture Facebook avec compressionPhoto de couverture Facebook avec compression
Photo de couverture Facebook utilisé en pleine résolution photo

Pas bon du tout. Facebook recommande tout d'abord le redimensionnement à 851 x 315 Essayons donc comme ça:

Photo de couverture Facebook redimensionnéePhoto de couverture Facebook redimensionnéePhoto de couverture Facebook redimensionnée
Photo de couverture Facebook redimensionnée, mais toujours supérieure à 100kb

C'est mieux, mais il y a encore beaucoup de distorsions autour du macareux en particulier. Cette image fait encore presque 300kb alors que Facebook recommande 100kb . Donc cette fois, j'ai utilisé Fichier> Enregistrer pour le Web (Ctrl-Maj-Alt-S) dans Adobe Photoshop et j'ai réglé la qualité pour obtenir l'image finale dans une taille inférieure à 100kb:

Enregistrer pour le WebEnregistrer pour le WebEnregistrer pour le Web
Utilisez Enregistrer pour le Web pour obtenir votre image en 100kb
Photo de couverture Facebook en-dessous de 100kb et redimensionnéePhoto de couverture Facebook en-dessous de 100kb et redimensionnéePhoto de couverture Facebook en-dessous de 100kb et redimensionnée
Photo de Couverture en 851 x 135 et enregistrée à moins de 100kb

Comme vous pouvez le voir, on obtient un résultat encore meilleur. Parfois, il m'arrive de trouver des photos de couverture avec lesquelles je peux obtenir un résultat légèrement meilleur en utilisant du PNG plutôt que du JPEG, mais comme je l'ai mentionné plus tôt, il est plus difficile de garder ces fichiers à une taille en dessous de 100kb alors essayez les deux et voyez le format que vous préférez.

Résumé

Voici quelques points à retenir:

Obtenir les meilleurs résultats pour des images Timeline :

  • Télécharger une grande taille
  • Enregistrer dans une qualité maximale
  • Utiliser du PNG pour les images avec du texte (logos)

 Obtenir les meilleurs résultats pour des images de couverture :

  • Redimensionnement à 851 x 315
  • Utiliser 'Enregistrer pour le Web' et descendre en-dessous de 100kb
  • Essayer JPEG et PNG pour voir ce qui convient le mieux

Tant que Facebook ne change leur façon de faire, les images passeront toujours par de la compression, mais nous pouvons en tirer le meilleur avec un peu de peaufinage ici et là.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Photo & Video tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.