Open Graph 图片生成器和预览
免费 Open Graph 图片生成器（OG 图片）和预览 | We.Inc
在浏览器中制作 1200 x 630 Open Graph 图片：添加标题、副标题、品牌颜色和徽标，然后下载 PNG。预览 Facebook、LinkedIn 和 X 分享卡片并复制元标签，完全免费。
Open Graph 图片生成器和预览
设计别人分享您的链接时会看到的图片。输入标题和副标题，选择颜色和版式，添加徽标，然后下载 1200 x 630 PNG。接着预览 Facebook、LinkedIn 和 X 上的分享卡片，并复制页面所需的元标签。所有操作都在浏览器中完成。您输入或上传的内容不会发送给 We.Inc 或其他任何人。
- 输入标题、可选副标题和网站名称。长标题最多会换成 3 行。
- 选择版式和背景色、文字颜色，或选用预设配色。
- 可以上传徽标（PNG、JPG、SVG 或 WebP）。徽标会绘制在角落里，不会离开您的设备。
- 点击“下载 PNG”，保存 1200 x 630 图片。这是 Facebook、LinkedIn 和 X 用于大型链接预览的尺寸。
- 将图片上传到网站，在图片网址框中粘贴完整网址，然后将生成的元标签复制到页面的 <head> 中。
- 标题尽量少于约 60 个字符，并使用足够大的字号，确保分享卡片在手机上也清晰可读。
- 文字周围留出边距。有些应用会裁切边缘，或将图片显示为正方形。
- 文字和背景应有明显对比。可以使用颜色对比度检查器确认。
- 发布后，社交应用可能会缓存旧图片。可以使用 Facebook Sharing Debugger 和 LinkedIn Post Inspector 刷新。
- 每个重要页面都使用专属图片；包含页面名称的图片通常比通用徽标卡片更能吸引点击。
常见问题
Open Graph 图片应该使用什么尺寸？
1200 x 630 像素（比例为 1.91:1）是 Facebook、LinkedIn 和 X 大型卡片的标准尺寸。本生成器始终导出这一精确尺寸。
这个 OG 图片生成器免费吗？
免费使用，无需注册，也没有水印。图片会在浏览器画布上绘制，然后直接下载到您的设备。
我的徽标会上传到哪里吗？
不会。徽标由您的浏览器读取，并在本地绘制到图片上。不会向 We.Inc 发送任何内容。
如何将图片添加到网站？
将 PNG 上传到网站，获得公开网址，然后在页面的 head 中添加 <meta property="og:image" content="that URL"> 和 twitter:image 标签。将网址粘贴到工具中，它会替您生成标签。
为什么分享链接时仍会显示旧图片？
社交网络会缓存预览。使用 Facebook Sharing Debugger 或 LinkedIn Post Inspector 重新抓取网址，或等待缓存过期。
它能读取线上页面中的标签吗？
不能。浏览器会阻止一个网站读取另一个网站的内容，因此您需要自行输入标题、描述和图片网址，工具会显示它们的预览效果。
Open Graph 图片的作用
- 当链接被粘贴到 Facebook、LinkedIn、X、Slack 或消息应用中时，应用会读取页面的 Open Graph 标签，并显示包含图片、标题和简短描述的卡片。图片是卡片中面积最大的部分，因此决定别人是否会注意到链接。
- 如果没有 og:image 标签，应用可能不显示图片，也可能随机挑选页面上的一张图。一张包含页面标题和品牌标识的简洁图片，就足以让分享卡片显得更用心。
制作优质 OG 图片的三条规则
- 用大字和几个词说明页面内容。使用品牌颜色，让用户在不同分享中认出您。重要内容应远离边缘，因为有些应用会将图片裁成正方形或圆角。
用于 We.Inc 网站
- 使用 We.Inc 构建的网站可以在 SEO 面板中设置页面标题、描述和分享图片，系统会自动写入相关标签。本工具适用于任何网站，也可用于制作分享图片本身。
免费开始 · 无需信用卡
Product
Who It's For
Features
Resources
Company
View Sitemap