Facebookのオープングラフ画像サイズを定義する

Question

インターネットでこの問題の適切な解決方法を検索します。しかし、私はそれを見つけませんでした。

facebookでWebページを共有するには、facebookの開発者サイトと同じようにopen graphを使用しました。 Facebookの壁にFacebookのポストの共有やメッセンジャーアプリケーションでの1：PNGファイルこの

<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">

画像サイズは、796x417ピクセル

このコードは、適切に1.91の正しい比率で表示されています。

しかし、Facebookの受信トレイでは、次のように1：1の比率で表示されます（最後のメッセージ）。これだけのショーは、したがって、いくつかの文字が

が欠落している、画像をトリミングFacebookの受信トレイやFacebookの壁を共有するための特定の比率でその画像を表示する方法（オープングラフ）があります。

例として、1.91：1の比率の壁ポストで共有リンクに2つの異なる画像を使用し、1：1の比率で別の画像を使用することができます。

Answer 1

image/sとそのプロパティを定義する際にOpenGraphの仕様を忠実に守ってください：http://ogp.me/#array。そこで好ましい画像を定義し、次に高さとを定義し、次に別のものをフォールバックなどとして定義します。試してみて、あなたが達成したことをお知らせください。たぶんあなたは、イメージにいくつかの基本高さ/幅を与えることによってアスペクト比を制御することができます。

<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" />