用途:检查 og:image 是否符合社交平台要求,或在缺失、尺寸不对时生成、调整该图片,让页面在社交网络和消息平台分享时能正常显示预览卡片。
主要能力与检查要点:og:image 建议为 1200×630 像素(约 1.91:1 比例);最小 600×315 像素,过小可能不显示;文件应小于 5 MB,最好小于 1 MB;使用 JPEG 或 PNG,WebP 在较旧平台支持有限。检查时定位 og:image 元标签,抓取图片 URL,核对尺寸与文件大小;若宽度小于 1200px、高度小于 630px、比例明显偏离 1.91:1 或超过 5 MB 则标记问题。
修复与使用方式:将图片生成或缩放为精确的 1200×630 像素,以 JPEG 80–85% 质量导出以兼顾画质与体积,在 og:image 中使用绝对 HTTPS URL,并添加 og:image:width 与 og:image:height 标签,便于平台无需先下载即可渲染。代码审查还需确认 URL 为绝对 HTTPS、宽高标签与实际尺寸一致,并标记相对 URL 或小于 600×315 像素的图片。
适用场景:面向任何可能被分享的网页,用于修复 Facebook、Twitter/X、LinkedIn、Slack、iMessage 等平台的预览显示。
限制:图片尺寸过小可能被跳过或仅显示缩略图,比例不对会被裁剪;更多实现细节、代码示例和框架相关指引需参考 references/rule.md,资料中未提供其具体内容。