Open Graph Image Generator
Generate the 1200×630 preview card that shows when your link is shared — clean title over a gradient or photo, free and in your browser.
平台与尺寸
文字
背景
导出
输出 1200×630px · Open Graph card
What an Open Graph image is for
When a page is shared on social media, Slack, iMessage, or WhatsApp, the platform reads the page's Open Graph (og:image) tag and shows a preview card. The recommended size is 1200×630 pixels (1.91:1). A clear, branded OG image makes your links look trustworthy and gets more clicks.
This generator locks the canvas to 1200×630 and previews it at that ratio. Put the page or article title front and centre, add your site name or a short tagline, and pick a background that matches your brand — then export and reference it from your page's og:image meta tag.
How to generate an OG image
- It opens at 1200×630. The Open Graph card size is preset, so the canvas matches what platforms expect.
- Add your title. Put the page or article title as the headline and your site name as the sub-text.
- Choose a background. A gradient or a darkened photo keeps it readable. Set the accent colour to your brand.
- Download & link it. Export the image, host it, and point your page's og:image meta tag at the URL.
Keep titles short and centred
Preview cards are shown small, so use a short title and a heavy weight. Avoid placing text near the very edges — some platforms add rounded corners or slight cropping to the card.
Open Graph(链接预览卡片) 图片规格一览
- 推荐尺寸
- 1200 × 630 px
- 宽高比
- 1.91:1
- 最佳格式
- 照片存为 JPG,文字/徽标存为 PNG,并让文件保持小巧——最好在约 1 MB 以内。如果图片超过约 300 KB,WhatsApp 常常会直接不显示预览。
Open Graph(链接预览卡片) 安全区域与提示
- 这一张 1200 × 630 的图片可作为 Facebook、X(summary-large-image)、LinkedIn、Slack、Discord 以及大多数聊天应用的分享链接卡片——无需另做一张 Twitter 卡片图。
- 卡片显示得很小,有些平台会加上圆角或轻微裁剪,所以请把标题和人脸放在中央(约 1080 × 600 px)以内,并使用简短有力的标题。
- 导出后,托管该文件并把页面的 og:image(以及 twitter:image)元标签指向它的 URL,这样分享链接时就会显示卡片。
More social image sizes
常见问题
What size should an OG image be?
1200×630 pixels (1.91:1) is the recommended Open Graph image size, and what this generator produces.
How do I use the image after exporting?
Host the file and reference its URL in your page's og:image meta tag (and twitter:image). The card then appears when the link is shared.
Is this the same as a Twitter card?
Yes — the same 1200×630 image works for Twitter / X summary-large-image cards as well as Facebook, LinkedIn, Slack, and most chat apps.
Where is my image processed?
The image is drawn in your browser, so the file is created on your own device. How any data associated with the tool is handled is described in our privacy policy.
更多图片工具
Crop an image
Crop to any ratio or an exact pixel size.
Image toolResize an image
Change dimensions to exact pixels or presets.
Image toolCompress an image
Shrink file size without visible quality loss.
Image toolRotate an image
Rotate 90°, flip, or straighten a tilted photo.
Image toolConvert HEIC to JPG
Turn iPhone HEIC photos into universal JPG.
Image toolConvert image format
PNG, JPG and WebP — convert any to any.