Définir les tailles d'image graphique ouvertes pour facebook

Question

Je recherche sur Internet pour trouver la solution appropriée à ce problème. Mais je n'en ai pas trouvé.

Pour partager une page Web dans facebook j'ai utilisé le graphique ouvert comme suit même que la mention dans le site de développeur de facebook.

<meta name="description" content="Description is here" /> 
 
     <meta property="og:image" content="http://www.example.com/images/11.png" /> 
 
     <meta name="keywords" content="Business Intelligence, Big Data, Data driven" /> 
 
     <meta name="developer" content="companyName"> 
 
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Taille de l'image de ce fichier .png est 796x417 px

Ce code montre bien en rapport correct de 1,91: 1 facebook partage de poste dans le mur Facebook et les applications de messagerie. Mais dans la boîte de réception Facebook, le rapport 1: 1 est le suivant (dernier message). Ce seul spectacle recadrée l'image, donc certains caractères manquent

Est-il possible (graphique ouvert) pour afficher cette image dans un rapport spécifique pour la boîte de réception Facebook et partager mur facebook. Par exemple, puis-je utiliser deux images différentes pour un lien de partage dans un poteau mural avec un rapport de 1,91: 1 et une autre image avec un rapport de 1: 1 pour la boîte de réception.

Answer 1

Vous devez suivre de près les spécifications OpenGraph dans la définition des images/s et de leurs propriétés: http://ogp.me/#array. Donc défini une image préférée, puis définir la hauteur et avec, puis définir un autre comme un repli et ainsi de suite. Essayez-le et faites-nous savoir ce que vous avez réalisé. Peut-être que vous pouvez contrôler le rapport d'aspect en donnant aux images des hauteurs/largeurs de base.

<meta property="og:image" content="http://www.example.com/images/11.png" /> 
<meta property="og:image:width" content="796" /> 
<meta property="og:image:height" content="417" /> 
<meta property="og:image" content="http://www.example.com/images/12.png" />