Facebook a récemment modifié la taille des images pour les annonces et les publications de liens. Cela concerne également meta property="og:image"
. Quelle est la nouvelle taille optimale pour og:image
sur Facebook? L'ancienne version était carrée, maintenant elle ne convient plus, car la nouvelle taille est un rectangle.
EDIT: Les meilleures pratiques actuelles concernant la taille des images Open Graph sont officiellement décrites ici: https://developers.facebook.com/docs/sharing/best-practices#images
Il y avait un post dans le groupe de développeurs Facebook aujourd'hui, où l'un des gars de FB a téléchargé un PDF contenant ses nouvelles règles sur la taille des images - comme cela ne semble être disponible que si vous êtes membre du groupe, je téléchargé ici: http://www.sendspace.com/file/ghqwhr
Et ils ont également dit qu'ils en parleraient dans le blog des développeurs dans les prochains jours, alors continuez de vérifier
Pour résumer le document lié:
S'appuyant sur le PDF que @CBroe a posté précédemment:
Pour obtenir les meilleurs résultats d'image possibles (rétine prête et sans recadrage) avec l'utilisation actuelle de Facebook Standard:
Taille: minimum 1200 x 630px
Ratio: 1,91: 1
J'utilise la taille d'image minimale (200 x 200) et j'obtiens de bons résultats. Regarde:
https://developers.facebook.com/tools/debug/og/object?q=origgami.com.br
Cette taille au carré est meilleure que les rectangles car c'est le format qui apparaît sur les commentaires de facebook. Le format rectangle est recadré.
Cette taille est sur documentation facebook
Selon facebooks meilleures pratiques c'est comme ça (2016)
Utilisez des images d’au moins 1200 x 630 pixels pour un affichage optimal sur des appareils haute résolution. Au minimum, vous devez utiliser des images de 600 x 315 pixels pour afficher les publications de pages de liens contenant des images plus grandes. Les images peuvent avoir une taille maximale de 8 Mo .
Si votre image est plus petite que 600 x 315 px, elle sera toujours affichée dans la page de lien, mais sa taille sera beaucoup plus petite .
Nous avons également repensé les publications sur les pages de liens afin que le rapport de format pour les images soit le même sur les flux d'actualités de bureau et mobiles. Essayez de garder vos images aussi proches que possible du rapport de format de 1.91: 1 pour afficher la totalité de l'image dans Fil d'actualité sans aucune découpe.
La taille d'image minimale est de 200 x 200 pixels. Si vous essayez d'utiliser une image plus petite, vous verrez une erreur dans le débogueur de partage.
Il existe deux tailles d'image différentes à utiliser pour les applications de jeu:
Ouvrir les histoires de graphe Les images apparaissent dans un format carré. Les ratios d'image pour ces applications doivent être de 600 x 600 px . Histoires de graphiques non ouverts Les images apparaissent dans un format rectangulaire. Vous devez utiliser un rapport d’image de 1,91: 1, tel que 600 x 314 px.
Facebook.com og: l’image a une taille de 325x325 (format 1: 1, carré)
UPDATE: La taille de l'image doit être supérieure à (600 x 315px)
La taille de image peut être n’importe quelle taille car Faceboook redimensionne la largeur et la hauteur de l’image.
La hauteur par défaut est 208px
et la largeur est 398px
pour un post permalien:
www.facebook.com/{username}/posts/{post_id}
Mais pour une vue chronologique:
www.facebook.com/{username}
largeur est 377px
& hauteur est 197px
J'espère que cela t'aidera!
Le rapport de format pour une image de publication Facebook est 41:20.
Pour trouver les largeurs et la hauteur appropriées pour votre photo, vous pouvez utiliser la calculatrice du rapport de format .
Ici, vous pouvez sélectionner différents ratios sous «Ratios communs:», qui inclut l’option «1200 x 630 (Facebook)». Ainsi, si la largeur de votre photo est de 1 800, branchez ce nombre dans l’emplacement «W2» et il vous dira quoi. la hauteur respective devrait être.
J'ai essayé de faire fonctionner l'image 1200x630. Facebook n'arrêtait pas de se plaindre de ne pas pouvoir lire l'image ou qu'elle était trop petite (c'était une image JPEG ~ 150Ko).
Passé à une image de taille 200x200, a parfaitement fonctionné.
https://developers.facebook.com/tools/debug/og/object?q=drift.team
La taille de cette image dépend de l'endroit où elle doit être utilisée.
Il appartient aux applications, telles que WhatsApp, Facebook Messenger, Reddit, etc., de décider quoi utiliser avec l'image. Certains l'utilisent comme une image carrée, d'autres comme un rectangle 1: 19.1 et d'autres utilisent des tailles différentes lorsque l'environnement d'affichage a des tailles différentes, même pour la même application. Il n'y a pas de règles et il n'y a aucun moyen de contrôler ce que les applications font avec l'image.
Vous devez donc tester l'image sur votre ou vos applications cibles et rechercher un compromis. Le fait que les applications tendent à mettre en cache l’image en complique l’approche par essais.