图像 · OG 图像生成器

在 Mac 上制作 Open Graph 和社交预览图

制作 1200 × 630 的卡片,在 X、LinkedIn、Slack、WhatsApp 和 iMessage 上分享你的链接时显示。

在你的 Mac 上运行
Mac 上 OneMacTools 中的OG 图像生成器,附示例文件及其选项

Mac 上的OG 图像生成器

OneMacTools 中的OG 图像生成器,已载入示例文件并打开选项面板
OG 图像生成器,附示例文件及其选项
OG 图像生成器处理示例文件的结果
OG 图像生成器用示例文件生成的结果

App 截图,使用的是示例文件。

如何使用OG 图像生成器

  1. 1

    输入你的标题

    这是唯一需要填写的内容。如有需要,还可以在标题上方添加副标题和简短标签。无需任何文件。

  2. 2

    选择风格

    选择一个颜色模板或你自己的两种颜色、渐变方向和字体;如果想要质感,可以加上淡网格或胶片颗粒。

  3. 3

    如有需要,可添加图像

    拖入标志、产品图或背景照片,然后选择第一张图像的用途。

  4. 4

    点按“制作卡片”

    1200 × 630 的卡片会存储在“下载 › OneMacTools”中的带日期文件夹里,要粘贴的 meta 标签会显示在 App 中。

  5. 5

    添加到你的页面

    将图像上传到你的网站,然后把标签粘贴到页面的 <head> 中,并换成图像的真实地址。

OG 图像生成器的功能

输入标题,可选添加标签和副标题,挑选风格或自定义颜色、渐变方向和字体,还可添加网格或胶片颗粒。可添加标志、以卡片形式浮在右侧的产品图,或背景照片。标题过长时会自动缩小。你还会得到可粘贴到网页中的 meta 标签。

适合

  • 为博客文章配上像样的分享图
  • 宣布产品发布
  • 让链接预览看起来更专业

选项说明

标题
必填。主标题。标题过长时会自动缩小并换成多行。
副标题(可选)
标题下方的一行小字,例如一句话描述。
标题上方的标签(可选)
标题上方的大写短标签,例如 NEW 或 GUIDE,使用模板的强调色。
风格
午夜、海洋、日落、森林、葡萄、纸张、商务或自定义颜色。每个模板都会设置背景、文字和强调色。
颜色(两个十六进制值)
仅当“风格”为“自定义颜色”时显示。两个十六进制值,例如 #0F172A, #2563EB,分别为渐变的起点和终点。文字会根据第一种颜色自动变深或变浅。
渐变
对角线、从左到右、从上到下或纯色。纯色只使用第一种颜色。
字体
无衬线、衬线、圆体或等宽,均为 Mac 系统字体的不同版本。
如果添加图像,将其用作
标志(左上角)、产品图(右侧卡片)或背景照片。应用于你拖入的第一张图像。背景照片会被调暗,以便白色文字保持清晰。第二张图像始终用作产品图。
淡网格
默认关闭。在背景上叠加一层淡淡的网格。
胶片颗粒
默认关闭。添加细腻的颗粒,带来更柔和的印刷质感。
存储为
PNG 或 JPEG。PNG 让文字和纯色保持清晰;使用背景照片时 JPEG 文件更小。

最佳实践

  • 标题要简短,大约 6 到 10 个词。预览图通常显示得很小,字少才能保持大而清晰。
  • 关键词不要紧贴边缘。有些 App 会稍微裁剪预览图。
  • 使用背景透明的标志,让它干净地融入渐变背景。
  • 为每个页面或帖子制作风格统一的卡片,让分享出去的链接看起来自成一套。
  • 发布后,请在调试工具中测试链接,或将链接粘贴到聊天中查看,因为 App 会缓存预览。

兼容

输入
无需文件。可以选择添加标志、产品图或背景照片(最多两张图像)。
输出
一张 1200 × 630 的 PNG 或 JPEG,以“og-”加标题命名,另附 App 中显示的 og:image 和 Twitter 卡片 meta 标签。
  • meta 标签使用的是占位地址;请将其替换为你上传图像的位置。

关于OG 图像生成器的问题

Open Graph 图像应该是什么尺寸?

1200 × 630 像素是链接预览的常用尺寸,OG 图像生成器生成的正是这个尺寸。

如何不用设计软件制作链接预览图?

打开“OG 图像生成器”,输入标题,选择风格,然后点按“制作卡片”。无需添加任何文件。

如何把 OG 图像添加到我的网站?

将图像上传到你的网站,然后把 App 中显示的 meta 标签粘贴到页面的 <head> 中,并把示例地址替换为图像的真实地址。

可以使用我自己的品牌颜色吗?

可以。选择“自定义颜色”并输入两个十六进制值。文字颜色会在深色和浅色之间自动切换以搭配它们。

可以在卡片上放我的标志或截图吗?

可以。拖进来后选择“标志(左上角)”或“产品图(右侧卡片)”。再添加一张图像,即可同时放置标志和产品图。

为什么分享链接时不显示我的新图像?

App 会缓存链接预览。请检查这些标签是否位于页面的 <head> 中、图像地址是否有效,然后使用平台的预览或调试工具刷新。

OG 图像生成器会上传我的文件吗?

不会。OG 图像生成器完全在你的 Mac 上运行,文件绝不会离开你的 Mac,离线也能用。

OG 图像生成器会改动我的原文件吗?

不会。结果会存储为新文件,放在“下载 › OneMacTools”中带日期的文件夹里;除非你打开了另有说明的选项,否则原文件会原封不动。

OG 图像生成器需要什么?

只需一台运行 macOS 26 或更高版本的 Mac,无需安装其他任何东西。

OG 图像生成器,另有 150 个工具。
一个 App,一个价格。

全部 151 个工具。免费下载,一次付费购买许可证,永久归你所有。