OG Image Generator — Free Social Card Builder
Create Open Graph Preview Images for Twitter, LinkedIn & Facebook in Seconds. 4 Templates. Custom Colors. Download 1200×630 PNG Instantly.
When You Need a Custom OG Image
Blog & Content
- Create a branded preview for every blog post before publishing
- Generate matching OG images for your documentation pages
- Design consistent thumbnails for newsletter archive pages
- Make your article links stand out in Twitter feeds and Slack
Product & SaaS
- Build a branded landing page preview for each feature page
- Generate OG images for changelog and release announcements
- Create social cards for pricing, about, and signup pages
- Design campaign-specific previews for link-in-bio tools
Developers & Agencies
- Quickly test OG images before implementing a dynamic server-side generator
- Create static fallback OG images for pages with no dynamic content
- Generate client-specific social cards without spinning up a server
- Export baseline OG images for A/B testing different headline framings
How to Create an OG Image — 3 Steps
Enter Your Content
Type your page title, a short description, and your site name into the form. The preview updates in real-time as you type — no save button needed.
Pick a Template & Brand Color
Choose from Clean, Dark, Gradient, or Brand templates. Set your brand color using the color picker to match your site palette.
Download Your PNG
Click Download to export a 1200×630 PNG — the standard Open Graph image size required by Twitter, LinkedIn, and Facebook for full-bleed link previews.
Free OG Image Generator — Create Open Graph Preview Images Online
Open Graph images (og:image) are the visual previews that appear when you share a link on Twitter, LinkedIn, Facebook, Slack, or Discord. Without a properly sized og:image, platforms fall back to a generic placeholder — costing you clicks. PicsSizer's OG Image Generator lets you create a 1200×630 PNG social card in your browser using Satori — the same library used by Vercel's og image service — without installing anything or uploading files to a server. Enter your title, description, and site name, pick one of 4 templates, set your brand color, and download in seconds.
What Is an Open Graph Image?
Open Graph (OG) is a protocol created by Facebook that controls how URLs appear when shared on social media. The og:image meta tag defines the image shown in the link preview card. Twitter uses og:image as the fallback for twitter:image when no Twitter Card is specified. LinkedIn, Slack, and Discord also read og:image to render unfurl previews. The standard size is 1200×630 pixels (1.91:1 aspect ratio), which produces a full-width card on most platforms. Missing or incorrectly sized OG images result in cropped, blurry, or missing thumbnails — reducing click-through rates significantly.
OG Image Size Requirements by Platform
Twitter requires 1200×628 to 1200×630 for summary_card_with_large_image. LinkedIn recommends 1200×627 for article posts. Facebook supports 1200×630 for most link shares; images below 600×315 are shown as small inline thumbnails. Slack and Discord both support 1200×630 and will center-crop images with other aspect ratios. The 1200×630 size exported by this tool is the safe universal default that renders correctly on all major platforms without cropping.
Tips for High-CTR OG Images
Use a title under 60 characters — longer titles are truncated in some platform previews. Keep descriptions under 160 characters for full display. High-contrast text on a solid or gradient background reads better than photos with text overlay. Brand consistency (same colors and font across all OG images) increases recognition in social feeds. Test your OG image with Twitter's Card Validator, LinkedIn Post Inspector, and Facebook Sharing Debugger after deploying to confirm the new image is cached correctly.
More Design & Generator Tools
Generate, convert, and design — all free, all in your browser.
Screenshot Generator
Create professional app store screenshots with device mockups.
Favicon Generator
Export favicons in all required sizes from a single image.
QR Code Generator
Generate QR codes from URLs, text, WiFi, or vCard.
Image to Base64
Encode images as Base64 data URLs for embedding in HTML and CSS.
OG Image Generator — Frequently Asked Questions
Common questions about creating Open Graph images online