选择模板

模板属性

自定义图片属性。

Preview

保存图片

将图片导出为 PNG、JPEG 或 WebP 格式。

为了在 Twitter、Facebook 和 LinkedIn等社交媒体平台上获得最佳的社交媒体图片 & 橫幅显示效果,请使用 PNG(推荐)、JPEG 或 WebP 格式。 对于 YouTube 橫幅,推荐使用 WebP 格式。如果 YouTube 橫幅大于 6MB,请使用 WebP 格式。

为什么选择我们的免费图片生成器和YouTube橫幅生成器?

您所需的一切,在几秒钟内创建惊人的社交媒体图片和YouTube橫幅。

免费且无需注册

立即创建专业 Open Graph (OG) 图片 - 无需注册或信用卡。

多平台支持

为多个平台生成优化的图片,确保正确的尺寸。

专业模板

从多个专业设计的模板中选择。

灵活的导出选项

以多种格式导出您的设计。

高级自定义

通过自定义背景个性化设置每个方面。

现代设计功能

使用高级排版创建惊人的视觉效果。

即时预览

实时查看您的更改。

闪电般快速

在几秒钟内生成专业图片。

如何添加 Open Graph 图片

在几分钟内将社交媒体预览图片添加到您的网站。选择您喜欢的方法(HTML 或 Next.js App Router)。

1. 保存图片

将生成的OG图片保存为og.png在您的网站根目录中。

2. 将图片添加到HTML head

<!-- Basic OG Tags -->
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="Your page description" />
<meta property="og:image" content="https://yourdomain.com/og.png" />
<meta property="og:url" content="https://yourdomain.com" />

<!-- Twitter/X Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yourdomain.com/og.png" />

<!-- Optional but recommended -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Your Site Name" />

确保将yourdomain.com替换为您的实际域名。

专业提示

  • 使用社交媒体调试工具测试您的OG图片
  • 使用描述性alt文本以提高可访问性
  • 考虑使用动态OG图片以适应频繁变化的内容
  • 始终提供回退图片以防OG图片无法加载
  • 选择高对比度的颜色以使您的YouTube橫幅脱颖而出。
  • 在YouTube橫幅中清晰地包含您的徽标和频道名称。
  • 确保您的橫幅响应且在所有设备上看起来不错。
  • 使用高分辨率图片以保持不同屏幕尺寸的质量。
  • 保持设计简单并避免杂乱以增强视觉效果。
  • 使用我们的免费YouTube橫幅生成器设计专业且引人注目的橫幅,以吸引您的观众。
  • 使用我们的免费Open Graph图片生成器创建美丽的社交媒体预览,以吸引您的观众。

了解更多