如何配置meta标签在Discord同时实现大图和缩略图嵌入展示

实现逻辑 #

Open Graph 协议原生支持声明多个og:image标签，Discord 爬虫会自动根据预览场景的尺寸要求，匹配最合适的图片资源加载。你只需要补充每个图片对应的宽高属性，让平台可以快速判断适配场景即可，不需要额外修改现有逻辑。

完整配置示例 #

<!-- 大图配置：优先用于大尺寸卡片展示 -->
<meta name="twitter:card" content="summary_large_image">
<meta property="og:image" content="你的大图URL">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">

<!-- 缩略图配置：用于小尺寸预览场景 -->
<meta property="og:image" content="你的缩略图URL">
<meta property="og:image:width" content="200">
<meta property="og:image:height" content="200">

注意事项 #

• 大图建议使用1.91:1的比例，推荐尺寸1200*630，是通用的社交平台大图标准尺寸
• 缩略图建议使用正方形，尺寸不小于200*200，避免平台拉伸导致变形
• 配置后如果预览没有生效，可以在链接末尾加?v=1这类随机查询参数，绕过Discord的旧缓存测试

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