我曾读到,Facebook开放图中与给定URL关联的图像必须大于50 x 50
然而,当我们运行Facebook对象调试器时,我们得到了以下警告:
“Tiny og:image:og:image引用的所有图像在两个维度上都必须至少为200px。请检查给定url中标记为og:image的所有图像,并确保其符合最低规格。”
我们的URLhttp://www.famousbirthdays.com/people/charlie-chaplin.html,图像确实显示在对象属性下
我们是否需要将图像转换为大于200 x 200?或者我们可以保持原样吗?它目前是一个65 x 75的图像。
谢谢你的帮助!
这很清楚。它们不能超过130x110px,并且每侧必须至少为200px。如果您将图像存储在TARDIS上,这是完全可能的。
说真的,我自己也遇到了这个,这让我很困惑,因为不久前这些页面通过了测试。我希望这是为时间轴布局设计的更改,只是在留档中没有更新。我找不到的是如果og:图像现在必须“至少”每边200px最大值是多少,当前推荐的尺寸是多少。WTF确实。
斯科特
编辑: Facebook修复了他们的留档:
来自卢西亚诺的回答:
OG:图像应该在两个维度上至少200px,首选1500x1500。(最大图像大小为5MB。)
今天我对这个问题有了更清晰的答案(来自OpenGraph调试器工具):
小og:图像:og:图像引用的所有图像在两个维度上都应该至少200px,首选1500x1500。(最大图像大小为5MB。)请检查给定网址中带有标签og: Image的所有图像,并确保它符合推荐的规范。
og:图像应该更大:如果og:图像不够大。请使用至少200x200的图像,最好是1500x1500。(最大图像大小为5MB。)图像...将被使用。
因此,是的,您必须将开放图形图像转换为至少200x200像素,而且看起来越大越好。
如果您的图像小于200x200,Facebook将尝试使用页面上可用的较大图像(如果有)。
调试器返回的相同信息可以在打开的图形留档中找到,关于“最大化媒体内容的分发”主题,第3项:标签
我有一个Vue组件,在它里面我有一个img,我需要得到图像尺寸,最好是在显示图像之前(通过宽度或高度来适应容器)。 该代码可能无法工作,映像src可以返回401(还不确定),我们使用代理并从服务器上的存储桶中获取该文件。比如/api/getStorageResource?斑点= 我能做什么呢? 有了链接,我可以通过axios获取图像并将其设置为元素,而不是
问题内容: 为什么下面的代码返回高度:-1,这意味着高度未知。如何获得图像的高度? 问题答案: 使用ImageIO.read(URL)或ImageIO.read(File)代替。加载时它将阻塞,返回后将知道图像的宽度和高度。 例如 或者,MediaTracker向由异步加载的映像中添加A ,Toolkit然后等待其完全加载。
我正在尝试将开放图形功能添加到我正在开发的AngularJs应用程序中。我希望我的应用程序的用户与他们的Facebook好友共享一个URL。我理解为了共享工作,您需要向页面添加开放图元数据标记(url、描述、图像、标题等)。我需要用户共享的URL是动态的,具有以下结构: http://example.com/game/invitation/1118 其中1118是要共享的游戏的Id。下面的文章介绍
问题内容: 是否可以在node.js中获取图像的宽度和高度(在服务器端,而不是客户端)?我需要在我正在编写的node.js库中找到图像的宽度和高度。 问题答案: 是的,这是可能的,但是您需要安装GraphicsMagick或ImageMagick。 我都用过,我可以推荐GraphicsMagick,它要快得多。 一旦安装了程序及其模块,就可以执行以下操作来获取宽度和高度。
问题内容: 在使用jQuery或JavaScript上传到我的网站之前,如何获取文件大小,图像高度和宽度? 问题答案: 使用 HTML5和 File API 使用URL API的示例 图片来源将是代表Blob对象的URL 使用FileReader API的示例 如果您需要图像源作为长Base64编码的数据字符串
如何使用jQuery或JavaScript在上传到我的网站之前获取文件大小、图像高度和宽度?