H5 链接展示缩略图适配多平台
原理：The Open Graph protocol (ogp.me)
1. WhatsApp
尺寸小于 300 KB 且最小尺寸为 300 x 200 的图像（jpg 或 png） 。此图像应通过具有有效非自签名证书的 HTTPS 连接提供。
1 | <meta property="og:image" content="//cdn.example.com/uploads/images/webpage_300x200.png" /> |
显然 WhatsApp 增加了它的最大图像大小（尺寸和文件大小）。我做了一些测试：它并非每次在每台设备上都能始终如一地工作。我测试了 2 Mb 图像，即使这样似乎也能工作 9/10 次。小于 300 KB 是最安全的方法，但截至 2020 年 2 月 18 日，您应该可以使用较大的图像。不过，我建议将文件大小保持在 2 MB 以下。
参考链接：
2. Facebook
针对包含多张图像的内容使用这组属性。请参阅分享最佳实践，获取有关 og:image 最佳用法的指南。
| 元标签 | 说明 |
|---|---|
og:image | 图像的网址。如要更新已发布的图像，请为新图像使用新网址。系统会根据该网址缓存图像，除非网址更改，否则不会更新图像。 |
og:image:url | 与 og:image 作用相同 |
og:image:secure_url | 图像的 https:// 网址 |
og:image:type | 图像的 MIME 类型。image/jpeg、image/gif 或 image/png 其中之一 |
og:image:width | 图像宽度，以像素为单位。指定图像的高度和宽度，确保图像在第一次分享时正确加载。 |
og:image:height | 图像高度，以像素为单位。指定图像的高度和宽度，确保图像在第一次分享时正确加载。 |
为了在高分辨率设备上完美展示，建议使用宽度至少为 1080 像素的图像。您至少应该使用宽度为 600 像素的图像，以显示图像链接式广告。我们建议您在广告创意中使用 1:1 的图像，以便更好地展示图像链接式广告。
对象图像的 URL（标准的 URL）。它应该至少为 600x315 像素，但最好是 1200x630 或更大（最多 5MB）。保持接近 1.91:1 的宽高比以避免裁剪（不按照这个比例，图片会变裁剪）。游戏图标应为方形，至少 600x600 像素。og:image 如果您有多个可用分辨率，则可以包含多个标记。如果在发布后更新映像，请使用新 URL，因为映像是基于 URL 缓存的，否则可能不会更新。
通过网址分享调试器工具运行网址来预缓存图像，以预先获取网站的元数据。更新某段内容的图像时，也应执行此操作。
使用
og:image:width和og:image:height开放图谱标签为爬虫指定图像尺寸，让其可以立即渲染图像，而无需异步下载和处理。
参考链接：
注意事项
一些应用程序或网站使用缓存，甚至将网站预览存储在其数据库中。这意味着，当您在 WhatsApp 或 Facebook 中测试链接时，很可能不会立即看到任何差异。使用另一个链接（另一个页面）就可以了。但是，一旦您使用该链接一次，这个网站就会对它进行缓存。