Facebook的iOS应用程序:使用“网络应用程序”通过提要对话框共享会导致图像被裁剪



我们使用基本的提要对话框来启用在Facebook上的共享 - 标题,标题描述和图像。

正确的图像正在桌面、Facebook 的 Android 应用程序和移动网站上被拾取并正确显示。

图像(它是一只手(正在被iOS挑选,但它也被裁剪了。

正确的图像正在被拾取并正确显示在台式机,Facebook的Android应用程序和移动网站上。屏幕截图 - 尚不允许发布图像

背景

  • 图片为Facebook首选的1500 x 1500
  • 我们使用的og:image标签并不完全是犹太洁食的(我正在使用一个预备CMS并且控制有限(,但我已经确认正在使用Facebook的调试器拾取图像

法典

元标记<meta name="og:image" content="/EasysiteWeb/getresource.axd?AssetID=135801">

页面上:

    <div id="fb-root"></div>
    <script src="http://connect.facebook.net/en_US/all.js"></script>
    <a onclick="postToFeed(); return false;"><img src="/EasysiteWeb/getresource.axd?AssetID=133763" alt="Share on Facebook"/></a>
    <p id="msg" style="display: none;"></p>
    <script>
//<![!CDATA[    
      FB.init({appId: "app-id-removed-for-posting-to-SO", status: true, cookie: true});
      function postToFeed() {
        // calling the API ...
        var obj = {
          method: "feed",
          redirect_uri: "http://www.hospicecareweek.org.uk/countmein",
          link: "http://www.hospicecareweek.org.uk/countmein",
          picture: 'http://www.hospicecareweek.org.uk/EasysiteWeb/getresource.axd?AssetID=135801',
          name: "Hospice Care Week",
          caption: "I took the 'Count me in!' pledge for Hospice Care Week",
          description: "Take the ‘Count me in!’ pledge and spread the word about why hospice care counts."
        };
        function callback(response) {
          document.getElementById("msg").innerHTML = "Post ID: " + response["post_id"];
        }
        FB.ui(obj, callback);
      }
 //]]>   
    </script>

我们目前遇到了同样的问题。不确定您从哪里获得 1500x1500 作为推荐尺寸。文档说

附加到此帖子的图片的 URL。图片必须至少为 50 像素 x 50 像素(但最好是大于 200 像素 x 200 像素的图像(,并且最大宽高比为 3:1

我们已经尝试过 90x90 和 200x200,iPhone 应用程序仍然会裁剪它。不过,其他地方都很好。

相关内容

最新更新