Skip to main content

OG 图像生成器 创建带有文本和品牌的开放图谱图片,用于社交媒体链接预览。

OG 图像生成器 illustration
🖼️

OG 图像生成器

创建带有文本和品牌的开放图谱图片,用于社交媒体链接预览。

1

输入内容

添加标题、描述和可选的品牌文字。

2

自定义样式

选择背景颜色、渐变色、字体大小和文本颜色。

3

下载OG图片

生成并下载1200x630px的Open Graph图片。

Loading tool...

What Is OG 图像生成器?

一个开放图像生成器,用于创建适合社交媒体链接预览的图片(1200x630px)。当你在Facebook、Twitter、LinkedIn或Slack上分享URL时,OG图片将作为链接预览显示。可以设计出有吸引力的预览图片,自定义标题、描述、品牌、背景颜色或渐变色以及文本样式。不需要设计经验。Canvas API渲染清晰的文字,并支持换行和居中。

Why Use OG 图像生成器?

  • 标准的1200x630px OG图片尺寸
  • 自定义文本、颜色、渐变和品牌
  • 正确的文本换行和居中
  • 无需设计技能即可创建专业的链接预览

Common Use Cases

博客文章

为博客文章创建吸引人的链接预览图片。

产品页面

为产品和着陆页设计品牌的OG图片。

文档

为文档和API页面生成一致的预览图片。

活动

创建看起来很棒的活动公告图片,当分享时会显示。

Technical Guide

OG图片在1200x630px的画布上渲染。背景填充为纯色或线性渐变。标题使用大号粗体字(48-64px),通过measureText实现自动换行。描述使用较小的字体显示在下方。文本水平和垂直居中对齐。在底部添加品牌文字。输出为PNG格式。

Tips & Best Practices

  • 1
    保持标题在60个字符以内,以便于阅读
  • 2
    使用高对比度的文本作为背景
  • 3
    包括品牌名称或域名以提高识别度
  • 4
    测试小尺寸 -- 这是它在信息流中显示的样子

Related Tools

Frequently Asked Questions

Q 什么是OG图片?
当URL在社交媒体平台上分享时显示的预览图片。
Q 尺寸是什么?
1200x630像素是Facebook推荐并被所有平台支持的标准大小。
Q 如何使用它?
上传到您的网站,并添加一个<meta property="og:image">标签,指向图片URL。
Q 背景图片?
支持纯色和渐变色。对于背景图片,请使用图像文本叠加。
Q 适用于Twitter吗?
是的 -- Twitter使用相同的OG图片进行链接预览。

About This Tool

OG 图像生成器 is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.