OG image builder

Create Open Graph images

How to use

Set the Title and Visual

Choose the text, colors, and background.

Preview

Check cropping and readability.

Download PNG

Save the share image.

Why CodeGrid Tools?

Your files stay private

Processing runs in your browser. Files are not uploaded to our servers.

Fast and simple

No install required; start instantly in the browser.

English & Turkish

Use the site in English or Turkish—locale follows your preference.

Free to start

Core features are free. No credit card for basic use.

About the OG Image Generator

With the OG image tool, you can prepare the visual shown in link previews directly in the browser. Content is not sent anywhere.

Increase click-through rates with brand colors and a short headline. It works well with the image resize and favicon tools.

FAQ

What is the recommended OG size?

1200×630 pixels is the common recommendation. Platforms may still crop differently, so leave a safe area.

What if the text looks too small?

Shorten the heading or increase the font size; mobile previews provide less space.

Where do I place the generated image?

Set an absolute URL in the og:image meta tag inside your site's <head>; if you use a CDN, clear the cache as needed.

Related tools

Aspect ratio

Calculate ratio and pixels

Favicon generator

Create favicons from PNG

What this tool does

OG image design creates link-preview artwork for social and messaging platforms. CodeGrid Tools edits in the browser; exported PNG goes straight into your project. Plan headline, subcopy, and safe margins. Free start and Pro bundles follow site pricing.

Secure. Secure processing

Your data is processed in your browser; content is not sent to the server.