Article or guide
Use a readable shortened headline plus the publication name or content category. Avoid reproducing the entire title and description.
Live design studio
Create an Open Graph image
Type on the left. Watch the design come alive on the right.
Choose layouts to export
🔒 Created locally in your browser—nothing is uploaded.
Stored on this device
Saved projects
Projects you save will appear here and include their photos, logos and settings.
Storage usage unavailable
Local brand kits
Recent exports
Downloaded images will appear here as a lightweight history.
Open Graph image generator
Create a 1200 × 627 Open Graph image
Turn an article headline, product update or landing-page promise into a clear social preview image.
Create an image ↑
Free · private · no watermark
Start with an example
Click a preset, then make it yours.
Each example loads text, attribution, layout and format into the live editor. Shared preset URLs point back to the clean canonical page.
How to make an Open Graph image
Design a link preview that still works at thumbnail size
Social platforms may display an Open Graph image when a page is shared. Use a concise title, strong contrast and branding that remains recognisable after the preview is reduced.
-
01
Write a shortened page title
Use the main promise or topic rather than copying a long browser title. Put the site name, content type or reading time in the attribution field.
-
02
Design at 1200×627
Select the wide LinkedIn format, keep important content away from the outer edges and use a layout with a clear focal point.
-
03
Publish and test the URL
Download the image, upload it to a public HTTPS URL and reference it in the page’s og:image metadata. Test the shared page after deployment.
What should an OG image contain?
Product page
Lead with the product or feature name and a clear benefit. Keep the logo secondary to the message.
Homepage or evergreen page
Use a durable value proposition instead of campaign language that will quickly become outdated.
Made to be useful
A better first impression for every shared link
Use a consistent visual system across articles and pages so your content remains recognisable wherever it is shared.
Social-preview dimensions
Start at 1200×627, a widely used landscape ratio for shared links.
Headline-safe layouts
Automatic text fitting handles both short product names and longer article titles.
Consistent branding
Add colours, attribution and a logo, then save the design for future articles.
Good to know
Questions, answered.
What is an Open Graph image?＋
It is the preview image social platforms and messaging apps may show when someone shares a web page.
What size should an Open Graph image be?＋
This tool starts at 1200×627 pixels, a common landscape social-preview format.
How do I add the finished image to my site?＋
Upload the downloaded file and reference its public URL in your page's og:image meta tag.