Step 01
Pick a base
Open a template when the layout is already right, or start on an empty canvas when it is not.
Open Graph imagesthat look designed.
Give every link a poster worth clicking. Start from a template or a blank canvas, then export a 1200 x 630 PNG that renders correctly on X, LinkedIn, Discord, and Slack.
Free and open source, with no account and nothing uploaded.
Start with the definition
What is an Open Graph image?
An Open Graph image, also called an OG image, is the card that appears when someone shares a link on X, LinkedIn, Discord, Slack, Facebook, or iMessage. The page points to it with an og:image meta tag, and the platform fetches that file to build the preview.
When the tag is missing, relative, or pointed at a file behind a login, the platform falls back to a random image or a plain text link. That is the difference between a share that looks designed and one that disappears.
ogimg.in is a free Open Graph image generator: 45 templates, a full canvas, and exports at the size each platform expects. Nothing is uploaded.
- Canvas
- 1200 x 630
- Ratio
- 1.91:1
- File size
- Under 1 MB
- Safe area
- 64 px inset
Read the guide
- What is an Open Graph image?The definition, where the card appears, and why some links show nothing.
- The right size: 1200 x 630Dimensions, safe areas, and the crops each platform applies.
- The tags, line by lineEvery meta tag that controls the card, with copy-ready examples.
Latest additions
Borrow a layout.Make it yours.
The newest layouts, rendered live: aurora washes, lit arches, and colour fields. Scroll to bring each one into focus, then change the words, swap the type, or move every layer.
Browse all 45 templatesAurora Arc
Use this templateThe editor
Granular control, start to finish
Templates decide the layout. The free canvas hands you every layer, every number, and every pixel.
Layer stack
Text, shapes, and images in a reorderable list. Hide, lock, duplicate, or delete without touching the canvas.
Snap guides
Drag any element and it settles onto canvas centers and the edges of other layers.
Type controls
Seventeen self-hosted fonts, plus weight, size, line height, letter spacing, alignment, and capitals.
Platform sizes
Open Graph, LinkedIn, YouTube, Product Hunt, posts, and stories. Change the size and every layer rescales.
Nothing leaves the tab
Rendering, fonts, and exports all run locally. No account, no upload, no watermark.
Open the canvas
Your work is kept in this browser, so you can close the tab and come back.
The workflow
Three steps, no handoff
Templates → layers → export
Step 02
Tune the details
Set copy, fonts, colours, and layer positions. Save the result as a project or a brand kit.
Step 03
Export and paste
Download PNG, JPEG, or WebP, then copy the head tags from the preview panel into your page.
Preview simulator
Check the card where it will land
Most image generators stop at the file. This one shows the rendered result inside X, LinkedIn, Discord, and Slack, next to the title and description people will read.
Your Product
ogimg.in
Open Graph images your links deserve
Start from a template or compose one from scratch. Export happens in the browser.
Questions people ask first
Still stuck? The repo has the template sources and the export pipeline.
Read the source01What is an Open Graph image?
An Open Graph image, also called an OG image or opengraph image, is the card that appears when a link is shared on X, LinkedIn, Discord, Slack, Facebook, or iMessage. The page points to it with an og:image meta tag, and the platform fetches that file to build the preview.
02Is there a free OG image generator tool?
Yes. ogimg.in is a free OG image generator tool that runs in your browser. Pick one of 45 templates or start from a blank 1200 x 630 canvas, then export PNG, JPEG, or WebP with no account, watermark, or upload.
03What size should an Open Graph image be?
1200 x 630 pixels, a 1.91:1 ratio. That size works across X, LinkedIn, Facebook, Discord, and Slack. Keep the file under 1 MB and the important content inside a 64 px safe area so square and 2:1 crops do not clip it.
04Do I need design skills?
No. Templates handle layout if you want a finished look in under a minute, and the free canvas is there when you want exact control over every layer.
05What is the difference between a template and the free canvas?
A template fixes the layout and exposes the controls that matter for that design. The canvas has no fixed layout: you place every element and set every value yourself.
06What formats and sizes can I export?
PNG, JPEG, and WebP at 1x, 2x, or 3x. Canvas sizes include Open Graph, LinkedIn, Product Hunt, YouTube thumbnails, square posts, and stories, plus custom dimensions.
07Can I use my own fonts?
The bundled set covers sixteen families, including the Geist pixel faces. They are self-hosted and embedded into the exported file, so the image renders the same on any machine.
08Is it really free?
Yes. There is no account, no watermark, and no paid tier. Everything runs in your browser tab.
09Do you store my uploads or my text?
Nothing is sent anywhere. Images, copy, and projects stay in your browser. Clearing site data removes saved projects and brand kits.