ToolSink

Free OG Image Generator

Create free Open Graph images for your website. Customize your title, description, logo and design, then download a 1200×630 social sharing image directly in your browser.

OG Image Generator

Create professional Open Graph images for your website and social media.

Free1200 × 630Browser-basedNo uploads
🔒 Your images stay in your browser. Nothing is uploaded to our server.

Content & Branding

19 / 100
50 / 200

💡 Tip: Drag the website badge directly on the preview to position it anywhere!

Template & Colors

#4F46E5
#7C3AED
#FFFFFF
#F59E0B
Show Website Badge
Show Brand Logo
Show Description Text

Live 1200 × 630 Preview

Aspect Ratio 1.91:1

Open Graph Meta Tags

💡 Upload your generated image to your website or image hosting service, then paste the public image URL here.

Open Graph Meta HTML:
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:title" content="Free JSON Formatter">
<meta property="og:description" content="Format, validate and beautify JSON code instantly.">
<meta property="og:image" content="https://yourdomain.com/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
▸ Twitter / X Meta TagsOptional
<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Free JSON Formatter">
<meta name="twitter:description" content="Format, validate and beautify JSON code instantly.">
<meta name="twitter:image" content="https://yourdomain.com/og-image.png">

Professional Templates

Choose from 6 handcrafted design themes including Modern, Minimal, Developer, Gradient, Dark, and Clean.

100% Private & Client-Side

Your images and custom logos are rendered locally using HTML5 Canvas. Photos are never uploaded to any server.

Instant Open Graph Tags

Automatically generates ready-to-copy HTML <meta> tags for Open Graph and Twitter/X social previews.

Frequently asked questions

Everything you need to know about creating Open Graph social sharing images.

What is an Open Graph image?

An Open Graph (OG) image is a featured image thumbnail that appears automatically when your website link is shared on social media platforms like Twitter/X, Facebook, LinkedIn, Discord, and Slack.

What size should an OG image be?

The standard recommended dimensions for Open Graph images are 1200 × 630 pixels (an aspect ratio of 1.91:1). This ensures high-resolution display across all desktop and mobile social preview feeds.

Where is the generated image stored?

Nowhere! The image is generated 100% client-side in your web browser using HTML5 Canvas. Once you click download, the PNG/JPG file is saved directly to your computer.

Does ToolSink upload my logo or content to a server?

No. ToolSink does not upload your text, custom logos, or generated images to any backend server. Everything stays 100% private on your device.

Can I use the generated image commercially?

Yes! All images created with ToolSink OG Image Generator are 100% free for both personal and commercial projects without any copyright restrictions.

What is the Free OG Image Generator?

The OG Image Generator helps you design an Open Graph image — the 1200×630 preview picture that appears when a link to your site is shared on social platforms like X, Facebook, LinkedIn and WhatsApp.

You edit the layout, text and colours in the browser and export a ready-to-use PNG, so your shared links look polished instead of showing a blank or cropped thumbnail.

How to use the Free OG Image Generator

  1. 1Enter your title and any supporting text.
  2. 2Choose colours, background and layout to match your brand.
  3. 3Preview how the card will look at the standard 1200×630 size.
  4. 4Download the PNG and reference it in your page’s og:image meta tag.

Key features

  • Exports at the standard 1200×630 Open Graph size
  • Editable title, subtitle and colours
  • Live preview of the social card
  • Downloads as a PNG ready for og:image
  • Runs entirely in your browser

Important notes

  • You still need to add the exported image to your page’s <meta property="og:image"> tag for platforms to use it.
  • Social platforms cache previews — after updating an image you may need to refresh the cache in a platform’s sharing/debug tool to see the new version.

Frequently asked questions

What size is an OG image?

The recommended size is 1200×630 pixels, which this tool uses by default.

Why does my old preview still show?

Social networks cache link previews. Use the platform’s sharing debugger to force a refresh after changing the image.

Tap any tool to jump straight in — no signup, works on mobile.

View all →