og:image仅WhatsApp显示异常 全社交平台适配方案咨询

通用适配方案（可覆盖所有主流社交平台） #

目前存在可以同时兼容所有社交平台的适配标准，按以下规则设置即可解决WhatsApp适配问题：

• 首选尺寸为1200×630像素，这是Facebook、Twitter、LinkedIn等绝大多数平台的官方推荐尺寸，也完全适配WhatsApp富链接卡片的默认裁剪比例，不会出现核心内容被裁切的情况
• 所有核心视觉元素（logo、品牌标识、关键文字等）全部放在图片中间1000×500像素的安全区内，所有平台的自动裁剪逻辑都不会触及这个区域，可保证核心内容100%展示
• 图片格式选JPG或PNG，文件大小控制在300KB以内，避免WhatsApp抓取超时或自动过度压缩导致变形

针对WhatsApp的专属补充优化 #

如果按通用标准设置后仍存在适配问题，可以叠加以下调整：

• 可更换为1200×1200像素的正方形尺寸，WhatsApp会完整展示正方形卡片不会裁切边缘，该尺寸在其他平台展示时只会裁剪上下多余的空白区域，只要核心内容放在中间安全区就不会受影响
• 补充og:image:width和og:image:height元标签，明确标注图片宽高数值，避免WhatsApp爬取时自动计算比例出错，参考配置：

<meta property="og:image" content="你的图片地址">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">

• 动态生成og:image的场景可以在服务端做UA判断，检测到WhatsApp爬虫时返回1200×1200的专属尺寸，其他爬虫返回1200×630的通用尺寸，完全规避不同平台的裁剪差异

测试注意事项 #

调整后可以直接在WhatsApp中给自己发送链接测试，缓存的旧og信息可以通过给链接加临时查询后缀（比如?test=1）刷新，不需要借助第三方工具。

内容的提问来源于stack exchange，提问作者Siyah