在 Viber 中预览图像
Preview image in Viber
我在 Viber 中生成丰富的预览卡时遇到了问题。这个想法是为站点页面显示带有注释文本的图像。页面片段在所有其他 messengers/social 网络中正常显示，但 Viber 无法处理我的 og:image。附件中有例子。
经过一番研究后，我发现问题不在于打开图形降价或图像本身，而可能在于图像的响应 headers。我尝试在 Viber 聊天中 post 直接 link 到图像本身（而不是页面）。如果它存储在我们的公共域（或 github 或其他任何地方），预览卡将按预期显示。但如果它托管在我们的媒体文件子域上，则无法预览。
复制链接：
https://www.rabota.ru/static/images/test/43285342.png - 这行得通
https://media.rabota.ru/og_image/vacancy/1/43285342.png - 相同的图像，不会
https://www.rabota.ru/vacancy/43285342/ – 页面，这张图片应该作为预览封面
我还附上了对这两种情况的回复headers
所以问题是 – 为什么预览图像在第一种情况下出现而在第二种情况下不出现，如果它是关于 headers – 我应该修改什么 headers？
这个有效：
这不是：
正如 Viber 支持团队提到的那样 content-length header 需要预览图像
相关问题
From my test, Viber successfully got first jpg/png image on page
with size less than 40Kb.
Even you can hide it with display: none if it is not really shown
image in browser, just for Viber preview.
我在 Viber 中生成丰富的预览卡时遇到了问题。这个想法是为站点页面显示带有注释文本的图像。页面片段在所有其他 messengers/social 网络中正常显示，但 Viber 无法处理我的 og:image。附件中有例子。
经过一番研究后，我发现问题不在于打开图形降价或图像本身，而可能在于图像的响应 headers。我尝试在 Viber 聊天中 post 直接 link 到图像本身（而不是页面）。如果它存储在我们的公共域（或 github 或其他任何地方），预览卡将按预期显示。但如果它托管在我们的媒体文件子域上，则无法预览。
复制链接：
https://www.rabota.ru/static/images/test/43285342.png - 这行得通
https://media.rabota.ru/og_image/vacancy/1/43285342.png - 相同的图像，不会
https://www.rabota.ru/vacancy/43285342/ – 页面，这张图片应该作为预览封面
我还附上了对这两种情况的回复headers
所以问题是 – 为什么预览图像在第一种情况下出现而在第二种情况下不出现，如果它是关于 headers – 我应该修改什么 headers？
这个有效：
这不是：
正如 Viber 支持团队提到的那样 content-length header 需要预览图像
相关问题
From my test, Viber successfully got first jpg/png image on page with size less than 40Kb.
Even you can hide it with
display: noneif it is not really shown image in browser, just for Viber preview.