Free design tool

Professional OG Image Generator

Create a premium social preview for your website in minutes. Start with a polished template, add your product, customize every detail, and export a perfect 1200×630 PNG.

  • No sign-up
  • No watermark
  • Private by design
  • 1200 × 630 export

OG Studio

1200 × 630 · Live preview

Drop a screenshot anywhere to replace the demo product.Images stay in your browser

Everything you need

Make the first impression count

Open Graph images appear when your website is shared in social feeds, messaging apps, and team tools. A clear headline and real product visual communicate far more than a generic logo card.

Premium templates

Five professionally balanced starting styles for dark, light, editorial, bold, and technical brands.

Product-first layouts

Show a screenshot in a browser frame, floating card, or clean frameless composition.

Complete typography

Customize headline, supporting copy, and website URL with independent font, size, color, and position controls.

Private local export

Rendering happens in your browser. Upload sensitive product screens without sending them to a server.

How to create an OG image

  1. Step 01

    Pick a style

    Choose a polished preset and layout that matches your product.

  2. Step 02

    Add your message

    Write the headline, supporting text, and website address.

  3. Step 03

    Show your product

    Upload a screenshot and fine-tune its frame, size, shadow, and rotation.

  4. Step 04

    Export the PNG

    Download the finished 1200×630 image and add it to your website metadata.

Frequently asked questions

What size should an Open Graph image be?

+

Use 1200×630 pixels for the most reliable display across LinkedIn, Facebook, Slack, Discord, and other platforms that read Open Graph metadata. This generator always exports at that exact size.

Can I add a product screenshot to my OG image?

+

Yes. Upload a PNG, JPG, or WebP screenshot and choose a browser frame, floating card, or frameless presentation. You can adjust its size, corner radius, shadow, rotation, and image fit.

Can I customize the headline and website URL?

+

Yes. The headline, supporting text, and website URL are editable. You can independently change fonts, sizes, colors, and the position of the website URL.

Are uploaded images sent to a server?

+

No. Your product screenshot and background image are processed locally with the browser Canvas API. They never leave your device.

Can I use the generated image commercially?

+

Yes. You can use exported images for websites, SaaS products, client projects, blog posts, launch pages, and social media. Make sure you have the right to use any images you upload.

More Free Tools

Sponsored by the makers

Tired of boring screen recordings?
Try Screen Charm.

Auto-zoom, motion blur, camera overlay, and background music. All built in. Record once, export a polished video.

See what it does