首页 / 免费工具 / Open Graph Image Generator

做出别人分享你的链接时看到的那张图

做一张 1200 x 630 的图片,别人分享你的页面时就是它。

分享出去的链接会被画成一张卡片,而图片占了其中大部分。平台希望这张图接近 1200 x 630,从中间裁剪,并在别人看到之前大幅缩小,所以截图或白底方块上的标志很少能挺过这一路。这个工具按正确的尺寸把图画出来。写个标题,选背景色、渐变或你自己的照片,有标志就放上去,裁剪参考线会显示手机上还能看到哪些部分。可以导出 PNG,也可以导出足够小的 JPEG,给那些不接受大文件的平台用。一切都在你的浏览器里完成,没有任何图片被发送出去。

字体
对齐
文字颜色
背景
颜色
照片
把照片拖到这里
它只在你的浏览器里读取,绝不发送到任何地方。
拖动照片,选择留在画面里的部分。
徽标 选填
把标志拖到这里
标志位置
这里不保存也不上传任何内容。图片由你自己的浏览器绘制和导出,所以关掉这个页面就没了。
1200 × 630 · PNG ·
WhatsApp 要求文件小于 600KB,否则就只显示小预览。其他平台宽松得多,所以只要图里没有照片,就用 PNG。

为什么截图不管用

截图的比例不对,而且满是会消失的细节。卡片显示得很小,在手机上常常只有几百像素宽,平台会从中间裁剪以凑成 1.91:1。到那时候,界面文字、细线条以及靠近边缘的一切都已经没了。在那个尺寸下能留下来的,是一行大字和一个有力的形状,分享图之所以长成那样,原因就在这里。

裁剪取的是中间

各平台用的比例并不相同,所以会把你的图切到合适为止。切的方向是从中间往外,也就是说上边、下边和左右两侧最危险。这里的参考线标出了常见裁剪中最紧的那一种也能保住的区域。把标题和标志放在里面,图片在哪儿都读得对,而不是只在你测过的那一处。

文件大小是实打实的限制

WhatsApp 明确写了 600KB 的上限,X 则拒绝超过 5MB 的文件。1200 x 630 的照片背景做成 PNG 很容易就超过 600KB。开着大小限制导出 JPEG 会一路降低画质直到文件塞得下,而在卡片实际显示的尺寸上,这几乎看不出来。背景是纯色或渐变时就用 PNG,这类背景压缩后非常小,而且始终保持锐利。

没有数据离开你的浏览器

画布是在你自己的机器上绘制的,导出也在那里完成。你添加的照片只是从磁盘读取,从不上传,做好的图片直接从页面保存。没有账号,没有上传,任何服务器上都没有你作品的副本,这同时也意味着页面一关,这里的东西就找不回来了。

它的作用

一块画布,尺寸正是所有平台想要的。

正确的尺寸
  • 导出为 1200 x 630
  • 标出安全区
  • 与平台显示的一致
背景
  • 纯色或渐变
  • 你自己的照片
  • 压暗,让文字保持易读
文字
  • 标题和第二行
  • 五种字体、字号和字重
  • 左对齐、居中或右对齐
文件
  • PNG 或 JPEG
  • 需要时控制在 600KB 以内
  • 从不上传
如何使用
1
写标题
写短一点。卡片是一眼扫过去读的,标题太长,平台在图片还没起作用之前就先给你截断了。
2
选背景
纯色或渐变最稳妥,文件也最小。有照片的话就换成照片,然后把压暗调到文字读起来不费劲为止。
3
看参考线
标出的区域就是最紧的裁剪也能保住的部分。落在外面的内容,在某些平台上可能会被切掉。
4
导出并放到你的页面上
保存文件,上传到你自己的站点,然后让 og:image 指向它的地址。这个地址必须不用登录就能打开。
这些词的含义
og:image
页面 head 里的 meta 标签,用来指明图片的地址。没有它,平台就会从页面里随便挑一个,或者干脆不显示图片。
安全区
图片中间那块在任何平台裁剪后都还在的区域。落在外面的内容,在比例更紧的平台上就有风险。
1.91:1
1200 x 630 的宽高比,也是大多数平台绘制大卡片时用的形状。
部分:问题