Logo
Docs分享与发送

社交分享设置(OG 图片)

了解如何进行设置,让邀请函在 LINE 或社交媒体上分享时呈现精美效果。

13 min read
2026-02-27

社交分享设置(OG 图片)

您是否注意到,在 LINE 或 Facebook 上分享链接时,会自动显示图片与标题? 这就是 OG(Open Graph)设置的作用!让您的邀请函在分享时呈现精美且吸睛的效果。

什么是 OG 设置?

简单来说

OG 设置决定了分享链接时所显示的预览画面

设置 OG 之前:

https://www.snappost.co/zh/invitation/abc123
(仅有一条普通链接)

设置 OG 之后:

[精美的新人合影缩略图]
怡君 & 家豪 的婚礼
2025 年 3 月 15 日 星期六 下午 2:00

会用在哪些地方?

  • LINE:发送链接时显示缩略图与标题
  • WhatsApp:发送链接时显示预览
  • Facebook:在帖子中粘贴链接时显示预览
  • Instagram:通过私信发送链接时显示预览
  • X(原 Twitter):链接在推文中以卡片形式显示
  • 其他平台:在各类社交平台上显示链接预览

为什么这很重要?

未设置 OG 时,只会显示一条普通链接。而设置了 OG 图片后:

  • 📸 更容易吸引宾客的注意
  • ✨ 显得更专业、更用心
  • 💌 点击率大幅提升
  • 🎨 能提前传达邀请函的氛围

OG 设置方法

第 1 步:打开 OG 设置页面

方法一:从收藏页面进入

  1. 点击控制台 > 我的收藏菜单
  2. 找到您要设置的邀请函卡片
  3. 点击**“分享设置”**按钮(或卡片上的三点菜单)
  4. 找到“社交分享设置”或“OG 设置”区域

方法二:在编辑邀请函时进入

  1. 在邀请函编辑界面点击**“保存”**按钮
  2. 进入“分享”步骤
  3. 找到“社交分享设置”区域

第 2 步:填写标题

OG 标题是分享链接时显示的大号标题。

填写示例:

  • “怡君 & 家豪 的婚礼”
  • “淑芬 & 志明 婚礼邀请函”
  • “小宝贝的周岁宴,诚邀您来!”
  • “雅婷 & 建宏 即将步入婚姻殿堂”

拟写标题的技巧:

  • ✅ 务必包含新人的姓名
  • ✅ 明确说明活动类型(婚礼、周岁宴等)
  • ✅ 控制在 60 个字符以内(系统限制)
  • ✅ 可以使用爱心(♥)等表情符号
  • ❌ 过长的标题会被截断

第 3 步:填写说明

OG 说明是显示在标题下方的小号补充信息。

填写示例:

  • “2025 年 3 月 15 日 星期六 下午 2:00”
  • “2025-03-15 週六 下午 2:00 | 台北君悦酒店”
  • “2025 年 3 月 15 日 | 香格里拉宴会厅”
  • “日期:2025-03-15(六)下午 2:00”

拟写说明的技巧:

  • ✅ 包含日期与时间
  • ✅ 加上场馆名称效果更佳
  • ✅ 控制在 120 个字符以内(系统限制)
  • ✅ 使用分隔符(|)或空格提升可读性
  • ❌ 不要塞入过多信息

第 4 步:上传图片

图片是最关键的部分!它将作为缩略图显示。

选择图片:

  1. 点击**“选择图片”“上传”**按钮
  2. 从电脑或手机中选择照片
  3. 等待上传完成(需要几秒钟)
  4. 通过预览进行确认

推荐的图片:

  • 📷 婚礼:精美的新人合影
  • 👶 周岁宴:孩子面部清晰的照片
  • 🎉 其他活动:能传达活动氛围的照片

图片规格:

  • 标准尺寸:1200 × 630 像素(1.91:1 比例,适用于 Facebook/X)
  • 通讯软件优化:800 × 1064 像素(3:4 比例)
  • 文件大小上限:5MB(建议 1MB 以内)
  • 文件格式:JPG、PNG、WEBP、GIF

注意:竖版(纵向)照片可能被大幅裁切,建议使用横版(横向)照片!

挑选图片的技巧:

  • ✅ 人脸位于画面中央的照片
  • ✅ 明亮清晰的照片
  • ✅ 背景简洁不杂乱的照片
  • ✅ 叠加文字的照片也可以
  • ❌ 过暗或模糊的照片
  • ❌ 人数众多且拍摄距离过远的合影
  • ❌ 重要部分可能被裁掉的竖版照片

第 5 步:确认预览

上传完成后,您可以在页面上看到预览效果。

预览时需确认:

  • 图片是否正常显示?
  • 人脸或重要部分是否被裁切?
  • 标题是否完整显示?(有没有被截断?)
  • 说明文字是否正常显示?

小贴士:不同平台的显示效果会略有差异。LINE 与 WhatsApp 的显示更接近方形,而 Facebook 则显示得更宽。

第 6 步:保存

全部设置完成后:

  1. 点击**“保存”“完成”**按钮
  2. 确认出现“保存成功”提示
  3. 即可开始分享!

更换图片

如需日后更换图片:

  1. 按相同方式打开 OG 设置页面
  2. 点击图片旁的 “X” 按钮移除原有图片
  3. 上传新图片
  4. 保存

注意:已分享出去的链接,其缩略图可能不会自动更新。在 LINE、WhatsApp 等平台上,需要重新分享链接才能显示新图片。

实际范例

范例一:婚礼邀请函

OG 标题:

怡君 & 家豪 的婚礼

OG 说明:

2025 年 3 月 15 日 星期六 下午 2:00 | 台北君悦酒店

图片:

  • 在户外明亮光线下拍摄的新人合影
  • 两人相视而笑
  • 背景虚化,突出人物主体

范例二:周岁宴邀请函

OG 标题:

小宝贝的周岁宴,诚邀您来!

OG 说明:

2025 年 4 月 20 日 星期日 中午 12:00

图片:

  • 身着传统服饰的宝宝正面照
  • 面部清晰、背景简洁
  • 表情明亮可爱

范例三:简约版

OG 标题:

淑芬 & 志明 婚礼

OG 说明:

2025-05-10 | 下午 3:00

图片:

  • 简洁的新人剪影照
  • 极简风格的背景

各平台显示差异

LINE / WhatsApp

  • 图片:以 3:4 比例居中裁切(针对 800 × 1064 像素优化)
  • 标题:最多 60 个字符
  • 说明:以信息流卡片形式显示
  • 按钮:链接附带“查看详情”按钮

优化建议:

  • 将人脸置于画面中央,避免被裁切
  • 竖版比例适合人物照片
  • Snap Post 会自动为通讯软件优化图片

Facebook / 一般社交媒体

  • 图片:以 1.91:1 比例(横向)显示
  • 标题:可显示多行
  • 说明:显示 2~3 行

优化建议:

  • 横版图片效果最佳
  • 充分利用标题与说明两个部分

X(原 Twitter)

  • 图片:2:1 比例(更为横长)
  • 标题:1~2 行
  • 说明:简短显示

优化建议:

  • 准备横向比例更大的图片
  • 标题力求简洁

💡 Snap Post 自动优化:上传图片后,系统会针对各平台自动裁切。但仍请将人脸或关键元素置于中央,以免重要部分被裁掉。

常见问题

一定要设置 OG 吗?

并非必须,但强烈建议设置

未设置 OG 时:

  • 只显示一条普通链接
  • 点击率较低
  • 显得不够用心

设置 OG 后:

  • 非常醒目
  • 点击率可提升 3~5 倍
  • 显得专业而精致

上传了图片却不显示

请确认:

  1. 文件大小是否在 5MB 以内?
  2. 是否为 JPG 或 PNG 格式?
  3. 网络连接是否稳定?
  4. 是否已等待上传完全结束?

解决方法:

  • 缩小照片体积(先发送给自己,通讯软件会自动压缩)
  • 换一张照片试试
  • 刷新页面后重试

在 LINE 上分享时不显示缩略图

原因:

  1. 尚未完成 OG 设置
  2. 缓存中仍保留着此前的内容
  3. 平台尚未抓取到最新信息

解决方法:

  1. 确认 OG 设置已完成
  2. 尝试发送给首次收到该链接的人
  3. 过几分钟后再试
  4. 若仍无效,请重新复制链接后再分享

图片被裁切了

原因:

  • 不同平台会按各自的比例裁切图片

解决方法:

  1. 善用安全区域概念
    • 将重要元素只放在图片中央
    • 边缘应为可被裁切也无妨的区域
  2. 预先裁切为 1200 × 630 像素的比例
  3. 将人脸置于画面中央

修改了设置,却仍显示旧的缩略图

这是缓存问题:

  • LINE、Facebook 等平台会保存已抓取过的缩略图
  • 可能不会立即更新

解决方法:

  1. 等待数小时
  2. 重新复制并分享链接
  3. 新的浏览者会看到新图片

OG 图片只能用横版照片吗?

横版照片效果最佳! 不过:

  • 方形照片也可以(两侧可能被略微裁切)
  • 不建议使用竖版照片(会被大幅裁切)

最佳做法:

  • 使用修图应用裁切为 1.91:1 比例
  • 或将重要元素集中安排在中央

最终检查清单

完成 OG 设置后,请逐项确认:

  • OG 标题是否在 60 个字符以内?
  • OG 说明是否在 120 个字符以内?
  • 图片是否在 5MB 以内?(建议 1MB 以内)
  • 人脸/重要部分是否位于画面中央?
  • 预览中的显示效果是否正常?
  • 是否已保存设置?

最后确认: 在大范围分享之前,先用 LINE 把链接发送给自己,看看实际显示效果吧!

后续步骤

完成 OG 设置之后: