Comment obtenir de Sharp (er) Facebook Cover Photos, 2017
L'un des je me pose les questions les plus courantes sur l'utilisation des images sur Facebook rapporte à obtenir des photos de couverture qui ne sont pas floues ou à la recherche d'horribles artefacts de compression JPG. Il est particulièrement visible lorsque la photo de couverture contient du texte ou un logo.
Donc, si le travail aucune de ces astuces maintenant, que pouvez-vous faire? Eh bien, voici une astuce pratique qui peut aider. Il ne fera rien sur la question de l'affichage Retina (encore, de toute façon), et même sur les écrans réguliers ne est pas une solution parfaite. Mais il devrait vous aider à obtenir de meilleurs résultats que si vous ne l'utilisez pas.
Utiliser une image double de la taille d'affichage
Mais si vous téléchargez une photo de couverture qui est le double de la taille prévue, il semble que vous aurez beaucoup meilleure compression et moins des artefacts de compression laid JPG.
Voici un exemple pratique. Ils sont tous deux produits à partir de la même image maître. Les deux utilisent exactement le même réglage de la qualité JPG (90) lors de la création de la version qui est téléchargé sur Facebook. Et pour être clair, j'ai zoomé sur l'écran de manière significative pour que les artefacts JPG beaucoup plus distincts que si vous venez de le regarder à sa taille réelle.
Celui de gauche est ce qui se passe lorsque vous téléchargez la version qui est parfaitement dimensionnée pour la taille, il affiche sur Facebook. Celui à droite est une version de L'ajout de la même image qui est précisément le double de la taille. Comme vous pouvez le voir, alors qu'il ya encore quelques artefacts de compression JPG lors du téléchargement de l'image plus grande, ils sont beaucoup moins discordante.
Par curiosité, j'ai essayé si le téléchargement d'une image encore plus fait aucune différence. Il n'a pas, même en utilisant une version de la même image à ses dimensions d'origine de près de 18 000 pixels de large.
Il fut un temps que si vous avez gardé des images à 99KB ou moins, ils ne seraient pas touchés lorsque vous les téléversé sur Facebook. Autrement dit, ils ne seraient pas passer par la compression habituelle de JPG. Ce n'est plus vrai, mais au moins un utilisateur a suggéré que la nouvelle limite à 50 Ko.
Dans mes tests, je ne pouvais pas reproduire cela. J'uploadé un fichier JPG qui était 49KB et a constaté qu'il allait toujours à travers encore plus la compression. La différence est pas aussi dramatique, parce que pour obtenir le JPG sous 50KB signifiait l'aide d'un paramètre de qualité de 61, ce qui est assez faible. Mais il y a très clairement par compression encore appliquée.
Voici un exemple, encore une fois agrandie plusieurs fois pour faire la différence plus claire.
L'alignement de ces derniers est pas pixellisés, mais il y a plus de compression dans les zones blanches des lettres ainsi que différents modèles d'artefacts entourant les lettres. A 100%, il est difficile de dire quelle différence il est seulement quand vous zoomez que les changements deviennent plus visibles.
JFP vs PNG
Il y avait une faille dans le système de Facebook lorsque vous avez téléchargé l'image au format PNG. Au lieu de passer par la compression JPG lourd, il garderait la PNG intacte. C'est plus le cas, comme le montre cet exemple. Et, en fait, il semble maintenant entraîner des résultats encore pires. Ces deux images sont des images qui sont 1656 par 630 pixels. L'un est un JPG (exporté à 90 paramètres de qualité) et l'autre est un 24 PNG. Comme vous pouvez le voir, l'image PNG-24 connu bien pire,.
Un autre avantage
Un autre avantage de télécharger des images qui sont le double de la taille d'affichage est prévu que que les chances sont meilleures que si (ou quand) Facebook passe sur la compatibilité Retina complète, vous ne pourriez pas besoin de revenir en arrière et télécharger toutes vos images à nouveau.
le Upshot
Donc, jusqu'à ce que Facebook change sneakily choses sous le capot à nouveau et ne dit pas que quelqu'un, voici ma recommandation actuelle: télécharger des fichiers JPG de haute qualité qui sont au moins 1640px de large et 624px élevé. Il va encore se faire frapper avec une certaine compression JPG, mais il ne devrait pas être aussi mauvais que lors du téléchargement d'une image plus petite.
Et à cause de la façon dont fonctionne la compression JPG, vous serez mieux avec des images qui ont plus de bords que des tons doux et moins de couleurs plutôt que plus.
Merci pour l'info! J'ai un logo de l'entreprise qui est quatre lettres de couleur sur un fond blanc que j'ai essayé ajout dans les deux PNG et JPG. J'ai suivi les recommandations de FB, fait la résolution 851 × 315, et fait la taille des fichiers sûrs sont restés sous 100KB. N'a pas d'importance; FB broyait avec compression JPG et fait paraître terrible dieu. Je doublais la résolution, enregistrée dans JPEG100, uploadé et il semble parfait. Je ne sais pas pourquoi ils doivent rendre la vie si difficile!
Je lis littéralement 10 articles sur l'amélioration de la qualité des bannières Facebook aujourd'hui. Ce N'Y qui fonctionnait vraiment. BRILLANT! Merci beaucoup pour la grande information. Je vous abonnant à votre blog parce que j'ai un sentiment que vous êtes plein d'une grande information.
Astuce: Un peu en arrière, je créé une page pour les tests d'image et laisser inédite. J'utilise ce jour pour le placement de test et la qualité de l'image sur les deux mobiles et de bureau avant la remise des graphiques nouvellement créés à mes clients. Très utile!
Création d'une page de test « false » est vraiment une bonne idée! Merci pour le conseil. -)
Jouer avec aujourd'hui et je remarque qu'il ya beaucoup moins de compression d'image lors de la publication sur un FB page (comme une page d'entreprise) que lors de la publication sur un calendrier de FB personnel. J'ai posté une image sur mon calendrier personnel et a été rencontré une quantité folle d'artefact de compression. J'ai posté la même image sur ma page « Becka Commanda Artiste » et a trouvé une image plus nette beaucoup avec peu ou pas de compression. Longue histoire courte, vous faire une page « Your_Name_Here Photography » pour télécharger vos photos et les partager à votre FB personnel. Vous verrez une énorme différence dans la qualité de l'image.
C'est vraiment intéressant ...
J'ai le téléchargement de 1733 x641 pour les pages personnelles et 1692 × 635 pour les pages d'affaires. Mes fichiers ont été presque 500kb téléchargent! Mais Facebook ne les fit descendre à environ
350kb! ils sont très aiguisées! Je l'aime, j'ai trouvé et ensuite trouvé cet article! Excellent travail si vous avez trouvé ce que tout le monde la page! Cela fonctionne vraiment vraiment!
* Tant d'excitation, depuis que je suis en train de comprendre cela plus d'un an.
John Hesketh dit
Juste naviguer autour du web pour Noël et est venu à travers vos conseils - ça marche! Plus grand est meilleur! merci beaucoup pour les instructions simples aussi.
Cela a parfaitement fonctionné! Je vous remercie!
Incroyable! Cela a fonctionné! Je vous remercie!
Je vous remercie! Je ne parviens à utiliser la solution de .png.
Je viens uploadé une image bannière événement facebook jpg (avec un logo); il avait l'air en partie floue sur Facebook (en particulier la partie rouge). Alors j'ai ouvert l'image jpg dans Photoshop, utilisé « Enregistrer pour le Web », sélectionné « PNG24' , la « transparence », « entrelacée » et« profil embed couleur. Téléchargé que l'un à l'événement Facebook, et maintenant il semble bien sur mon écran Retina! Taille de l'image est 677,6K, il charge à 56,6 Kbps, et la taille est de 784 x 295 px.
Cette prise en charge de Toke de ma compression image floue émet merci beaucoup
Je crois que facebook a récemment sorti avec une révision pour couvrir les photos (dans les derniers jours), mais il ne semble pas être annoncé partout. Plus précisément, des tests que j'ai couru, je ne peux pas obtenir la compression pour arrêter, quel que soit le type ou la taille du fichier image. J'ai essayé toutes les options connu pour nous graphistes et ils finissent toujours pixellisée après le téléchargement. PNG (8 ou 24), BMP ou JPG (qualité inférieure sous 100k), tous entre 50-99kb filesize, chaque fois qu'ils finit par granuleuse. Ce que je trouve très étrange, car le lundi de cette semaine, j'uploadé la même image exacte et ne suis pas compressé, même si elle était au-dessus de la limite de 100ko (de 167kb) avant le téléchargement. Effectuer les mêmes résultats téléchargement aujourd'hui dans une image déformée chaque fois, peu importe la méthode. Malheureusement, il semble que votre avertissement redoutée au sujet de .png se réalisaient, ils sont maintenant convertis en jpg sur le téléchargement aussi bien, je suis sûr que cela a été fait de sorte que la compression pourrait se produire sur toutes les couvertures. Notez, toutes ces tentatives ont été faites à l'aide de la sauvegarde pour la fonction Web dans Photoshop.
Vous avez oublié de mentionner que FB compresse peu importe la taille et semble que le changement récent que je mentionnais, ce qui signifie que peu importe la taille, ils seront compressés vers le bas. Il me semble un bug que les fichiers qui répondent à leurs critères pour éviter la compression (c.-à-: < 100kb) are still being compressed. Every test I performed, even on files under 100kb were still cut by up to 50%.
J'ai tout essayé et je ne peux toujours pas se rendre au travail.
Je viens d'essayer cela. Téléchargé PNG-24 (515KB), puis vu dans Facebook. image ouverte dans un nouvel onglet. Cliquez avec le bouton droit, Enregistrer sous ...
Image JPG, 65KB.
Il est possible qu'il comprime mieux parce que vous commencez avec une source de qualité supérieure bien. La qualité d'image semblait vraiment bon.
Je ne sais pas pourquoi ils ne prennent pas en charge tout PNG et GIF. S'ils ont vraiment besoin, ils pourraient avoir une fenêtre disant « l'image que vous avez téléversé est trop grand pour stocker une copie PNG, souhaitez-vous enregistrer en tant que JPG? »
Salut, le travail impressionnant et de la recherche dans ce, je vous remercie! Je suis un graphiste si je ne suis pas nouveau pour le redimensionnement des images et des techniques d'optimisation de photoshop, mais im vraiment du mal à obtenir un .png-24 à 72ppi de 851x315px sous 100kb. Ive a même essayé de compression jpeg autant que possible avant la perte de qualité et de recompression que dans un .png-24 avec des résultats prometteurs, mais encore est venu plus grande que la taille limite suggérée 100kb / 99ko. Des idées?
Oui, en fonction de l'image, qui va être difficile d'obtenir une image PNG-24 ce petit. Si vous utilisez un graphique avec seulement une poignée de couleurs est plus facile, mais une photo est difficile. Mais dans mes tests, le téléchargement au format PNG-24 plus de 100 Ko avait toujours de bons résultats et la limite de 100KB tend à être si vous voulez que votre JPG intacte. Donc, il vaut la peine d'essayer de télécharger au format PNG-24 plus pour voir si cela fonctionne pour vous. Ou si votre image est une image avec des couleurs limitées que, PNG-8 peut aussi être la peine d'essayer.
Génie. Tas merci pour cette astuce. travaillé un régal :)
De plus à mon poste hier soir, il semble que je fait une erreur et sauvé mon FB Cover Pic 815 de large, au lieu de 851 x 315. Le bon vieux :-) dyslexiques
Le pic avait l'air bien sur le Web FB, mais terrible FB iPad - l'application a été la réduction des effectifs terriblement au-delà de la taille déjà un peu plus petite, pour une raison quelconque.
Katie merci pour l'affichage de ce lien. J'ai trouvé en train de changer mes paramètres de sauvegarde à Internet étaient exactement ce que je devais faire. Tout le monde devrait lire!
Je suggère d'utiliser des compresseurs en ligne qui font sacrément bon travail même avec les fichiers .png premier est kraken.io alors compressor.io qui, au moment ne prend pas en charge plusieurs images. les résultats peuvent être étonnants et. c'est gratuit.