在 Viber 中预览图像答案

【问题标题】：Preview image in Viber在 Viber 中预览图像
【发布时间】：2020-07-10 11:26:14
【问题描述】：

我在 Viber 中生成丰富的预览卡时遇到了问题。这个想法是为站点页面显示带有注释文本的图像。页面 sn-p 在所有其他信使/社交网络中正确显示，但 Viber 无法处理我的 og:image。附件中有例子。

经过一番挖掘，我发现问题不在于打开的图形降价或图像本身，而可能与图像的响应标头有关。我试图在 Viber 聊天中发布指向图像本身（而不是页面）的直接链接。如果它存储在我们的公共域（或 github 或其他）上，预览卡看起来像预期的那样。但如果它托管在我们的媒体文件子域上 - 就没有预览。

复制链接：

https://www.rabota.ru/vacancy/43285342/ – 该图片应作为预览封面的页面

我还为这两种情况附加了响应标头

所以问题是 - 为什么预览图像在第一种情况下出现而在第二种情况下不出现，如果是关于标题 - 我应该修改哪些标题？

这有效：

这不会：

【问题讨论】：

【解决方案1】：

正如 Viber 支持团队提到的那样，预览图像需要 content-length 标头

【讨论】：

【解决方案2】：

根据我的测试，Viber 在页面上成功获得first jpg/png 图像大小小于 40Kb。

如果它没有真正显示，你也可以用display: none 隐藏它浏览器中的图像，仅用于 Viber 预览。

【讨论】：