Compression Twitter Twitter comment créer la meilleure qualité d'image pour votre flux

Pour les images de votre flux, Twitter ne semble pas nous limiter autant que Facebook. Il est donc relativement facile de publier une image de qualité décente dans un flux, n'est-ce pas? Eh bien, c'est plus compliqué que vous ne le pensez. Ce conseil rapide vise à obtenir vos fichiers JPEG affichés de la meilleure façon possible.

Photos de flux Twitter

Twitter nous a donné ces directives:

Directives de Twitter

Nous nous concentrons sur JPEG dans cette astuce, tous les exemples sont dans ce format. Il semblerait qu'avec une limite de 5 Mo, nous ayons déjà beaucoup plus de choses à jouer que Facebook. Mais est-ce nécessairement le cas? Un fichier de 5Mo peut être compressé par Twitter de manière identique à un fichier de 3Mo ou de 1Mo avec divers états de distorsion. Alors découvrons!

Notre exemple d'image

J'ai téléchargé trois versions de mon exemple ci-dessus sur mon fil Twitter. une 3000px (4.2MB), un fichier 2000px (2,2 Mo) et un fichier 1000px (734kb) fichier. Voici comment ils sont sortis:

Images après la compression Twitter

J'ai enregistré chaque image qui avait été redimensionnée automatiquement à 600 pixels par Twitter (vous ne pouvez enregistrer que l'aperçu, mais j'ai pu capturer la version en plein écran que vous voyez ci-dessus) et j'ai remarqué que la taille des fichiers était très intéressante.. 

le 3000px 4.2Mo l'image était sorti à 47.2kb, la 2000px 2,2 Mo à 47.5kb et le 1000px 734kb à 52,4 Ko.  Ainsi, la plus grande des images avait en fait été réduite à la plus petite taille. Intéressant lorsque vous regardez la compression sur chacun. La plus grande image présente des artefacts de compression, mais sa netteté a également beaucoup perdu de précision dans l'ensemble de l'image. Le plus petit est maintenant le plus gros fichier, mais la compression est très prononcée autour des personnes. 

Comme dans le cas de Facebook, il semble que les images plus grandes soient meilleures; mais pas trop grand. Dans ma propre expérience, quelque part autour de 1500-2000px est à peu près correct et si vous pouvez réduire la taille du fichier avec Adobe Photoshop Enregistrer pour le Web option alors tout meilleur.

Photos d'en-tête

Voici mon exemple:

Exemple d'en-tête

Téléchargement d'une image haute résolution

J'ai d'abord essayé ceci à très haute résolution, 5000px large et 8 Mo - le maximum Twitter permettra est de 10 Mo.

En-tête Twitter haute résolution

Cela me semblait plutôt bien. C'est un peu recadré, mais comme c'était une image haute résolution, ça va. Vous pouvez voir qu'il y a très peu de compression visible ici.

J'étais plutôt satisfait, jusqu'à ce que je clique sur save:

La compression après la sauvegarde était assez mauvaise

La compression s'est produite après l'enregistrement de la belle image. Vous pouvez maintenant voir la compression sur les bords et une perte globale de netteté

Alors, que se passe-t-il si nous téléchargeons la même chose mais après le redimensionnement au format recommandé de 1500 x 500 pixels?

Téléchargement de la taille recommandée de Twitter

Taille de l'en-tête recommandée par Twitter

Il est coupé comme les autres, mais la compression est loin d'être aussi mauvaise. Voici les comparaisons côte à côte:

Comparaisons d'une taille importante et de la taille recommandée par Twitter à 100%

Vous pouvez voir la perte de définition dans les deux cas, mais celle de gauche est bien pire, avec une distorsion visible, en particulier autour de l'écriture sur le bateau..

Et qu'est-ce qui se passerait si…

Le guide de Twitter a clairement fonctionné mieux qu'une image en taille réelle mais je me suis demandé; Et si je prenais leur taille, gardais le même ratio mais doublais la taille. J'ai créé un 3000px par 1000px image et essayé cela:

J'ai essayé de doubler la recommandation de Twitter, 3000 x 1500px

Aha! Cela me semble beaucoup mieux; il y a encore des signes de compression mais vous pouvez voir à partir de l'aperçu à 100% dans le coin, l'écriture sur le bateau est beaucoup plus claire et les arêtes des objets sont beaucoup moins visibles..

Résumé

Les sites Web tiers vont toujours compresser nos images, il ne nous reste plus qu'à trouver le meilleur moyen de les afficher avec ces restrictions. Leurs recommandations sont là pour une raison, mais cela ne veut pas dire que jouer ne vous donnera pas de meilleurs résultats.

Obtenir les meilleurs résultats pour les images de fil

• Téléchargez une grande taille (idéalement), idéalement entre 1500px-2000px
• Économisez au maximum de qualité
• Réduisez la taille du fichier avec Save For Web

Obtenir les meilleurs résultats pour les images de couverture.

• 3000px par 1000px a bien fonctionné pour moi
• Il doit être inférieur à 10 Mo 
• Il rentrera mais les résultats seront bien meilleurs que de redimensionner à 1500px recommandé par 500px

Voir également

Facebook compresse également vos images. Hier, nous avons cherché comment obtenir les meilleurs résultats pour votre chronologie..