首页 文章

即使有建议的尺寸,Facebook OpenGraph图像也会被裁剪

提问于
浏览
7

我刚刚通过设置开放图元标记在我的网站(http://traveleagle.in)上添加了facebook社交插件 . 根据最近的指南,我在og:图像中使用了大小为600x315的png图像,这意味着建议的宽高比为1.91:1 . 问题是即使使用Facebook的lint工具(https://developers.facebook.com/tools/debug)正确显示og:图像,共享插件上的图像也会被裁剪(154x154) . 我符合最小图像大小标准,但插件不显示完整的图像,并始终裁剪它 . 还有其他人有类似的问题吗?

3 回答

  • 0

    我有类似的问题 . 尝试更大的图像:1146x600和1200x630适合我 . 仍然在一些浏览器上它不适合(如iPhone Safari),但它是一个很大的形象 .

  • 1

    试试specifying的宽度和高度:

    使用og:image:width和og:image:height打开Graph标签 . 使用这些标记将指定爬行器的图像,以便它可以立即呈现它而不必异步 .

    您可以尝试将该图像升高到 1200 x 630 ,以便在高分辨率设备上正确渲染 .

    还要确保在调试器上没有任何标记丢失的标记 . 缺少 fb:app_idog:type 可能会产生意外结果 .

  • 1

    你必须使用更大的图像,然后它将被缩小到一个小尺寸 .

    如您所知,并且您保留了建议的宽高比,并且您也使用了以下属性:

    og:image属性具有一些可选的结构化属性:og:image:url - 与og:image相同 .
    og:image:secure_url - 如果网页需要HTTPS,则使用备用网址 .
    og:image:type - 此图像的MIME类型 .
    og:image:width - 像素宽度 .
    og:image:height - 像素数高 .


    您已经使用了文档中FB推荐的较小图像 . 切换到新的大小,它将解决您的问题(两倍于您使用的图像)

    我在og中使用了png图像:大小为600x315的图像

    图像大小

    使用至少1200 x 630像素的图像,以便在高分辨率设备上获得最佳显示效果 . 至少,您应该使用600 x 315像素的图像来显示包含较大图像的链接页面帖子 . 图像最大可达8MB .

    enter image description here

相关问题