<meta property="og:image" content="https://example.com/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">

微信和 Facebook 分享出去,图片左右各被裁掉一截,logo 只露出半个,卡片标题落到图片下方的灰底上。这类现象通常不是突然出现的,往前翻半天日志能看到苗头。

追下去是这么回事:分享平台按自己的比例裁切,1.91:1 是通用比例,传方图或竖图就会被裁。文字如果贴着边放,裁完就看不见了。

「og:image 尺寸」改完先别急着全量,挑一台机器放半天,真有问题这段时间就能看出来。监控和日志的时间要对上,时区不一致会多绕很大一圈。

临时改动用注释写上日期和原因,过两周自己都记不清为什么这么写。动手前把原文件复制一份带时间戳,出问题立刻换回去,比现场分析快得多。

处理上按这个顺序:统一出一张 1200x630 的分享图 主体居中留 80px 安全边;关键文字放在中间六成区域 别贴边;og:image 同时给出宽高 meta 让平台提前排版;用平台自带的调试工具重抓一次确认。

确认没问题再收工,重新抓取后卡片里 logo 完整 标题在图片范围内没有被截断。

作者 9823189