2017-10-09 130 views
-1

我通過互聯網搜索以找到適合此問題的解決方案。但我沒有找到一個。爲facebook定義開放圖形圖像大小

在facebook上分享一個網頁我使用了開放圖,如同在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">
此PNG文件的

圖像尺寸是796x417像素

此代碼正確地顯示在1.91正確比例:在Facebook發佈共享在Facebook上壁和信使應用程序1。

但是,在Facebook收件箱中,它以1:1的比例顯示,如下所示(最後一條消息)。這僅顯示裁剪圖像,因此一些字符丟失

enter image description here

是否有任何方式(開放曲線)來查看在Facebook的收件箱和Facebook壁共享特定比率的圖像。

作爲一個示例,我可以使用兩個不同的圖像來共享鏈接,比如1.91:1的比例,另一個圖像的比例爲1:1。

+0

如果您投下的投票請提及原因 – spyuom

回答

0

您應該嚴格遵循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" />