使用 SVG 作为 og:image答案

【问题标题】：Use SVG as og:image使用 SVG 作为 og:image
【发布时间】：2014-03-05 09:09:33
【问题描述】：

Open Graph 图像是否可以使用 SVG？

我试过了，但它在 Facebook 上不起作用，但我不确定这是我的 SVG 的问题，还是一般情况下不可能。

我是这样做的：

<meta content="http://www.example.com/mylogo.svg" property="og:image">

【问题讨论】：

我怀疑这根本不可能。 debug tool 有什么要说的吗？
不，老实说，我只是把它放在我的一个页面上作为测试，那里有其他图像，它完全忽略了它。
我刚刚遇到了同样的问题。将一些 png 转换为 SVG，Facebook 忽略了它，即使在我明确设置 <meta property="og:image" content="image.svg" /> 之后也是如此。令人沮丧。想知道你有没有运气解决这个问题？

【解决方案1】：

OpenGraph 不支持 .svg 作为图像

【讨论】：

【解决方案2】：

截至 2014 年 5 月，Facebook 并未正式定义他们支持哪些图像（您可以阅读他们的 best practices here），但暗示最佳尺寸（高分辨率设备为 1200 x 630 像素，标准设备为 600 x 315 像素）分辨率设备）是图像必须是光栅格式。

【讨论】：

截至 2021 年 1 月 14 日，developers.facebook.com/tools/debug 的 Facebook 共享调试器发出警告：不支持的图像文件扩展名 — 提供 og:image URL，https://example.com/og_image.svg 没有支持的扩展名。