2016-08-23 76 views
0

我使用Facebook Open Graph将网站的URL发布到相应的Facebook页面。主图像使用Open Graph标签og:image指定。有时候,Facebook上的图像显示为非常放大,并且粒状/像素化。经过进一步检查,看起来好像已经旋转过的图像(我注意到这是因为我使用的灯箱插件没有正确旋转它们,但是所有其他软件:浏览器,Mac Preview,Facebook都是这样)。Facebook开放图形图像对于旋转图像质量较差

从网站提供的example page问题(单击以放大并查看该第三方库中的方向问题,但这是另一个问题)。 我试图在Facebook上解决的这个问题可以通过使用Facebook Debugger against this page来看出。(作为一个侧面说明,它的方向是正确的)。

起初我以为我可以用og:image:widthog:image:height来解决这个问题,但它没有效果(它确实修复了一个不同的the pre-caching/crawling issue)。

请注意,将raw image URL直接提供给调试器works fine;只有通过Open Graph标签提供这个URL时才会出现问题。

我的一个解决方法是使用我的图像处理库(sorl-thumbnail)来生成FB可能更好的图像版本。

这些旋转图像的具体特征是什么引起了一个问题,我该如何解决它?

+0

我很难搞清楚实际问题在这里。无论如何,你可能想看一看https://developers.facebook.com/docs/sharing/best-practices#images – CBroe

+0

@CBroe,1.问题是(已经)最后以粗体显示一个问号。 2.这个链接已经是我的问题中引用的参考。 –

+0

我不知道你在说什么“旋转” - 调试工具显示为预览的图像显然是你指定的og:image的一部分,https://morphmarket-media.s3.amazonaws.com/media /raw_images/repterra/2016/08/20160822143729-image.jpeg - 但没有涉及“旋转”,它只是裁剪和缩放的图像的顶部。 – CBroe

回答