Free Open Graph Image Generator

Make a 1200 × 630 share image for your article, with live X, Facebook and LinkedIn previews. Download a PNG or JPG. No watermark, no daily limit, no sign up

Make an Image

Make Your Open Graph Image

Choose a design, type your headline, add a photo and a logo, then download the image

Choose a design

Article details

The headline wraps and gets smaller to fit. Leave a field empty to remove it from the image.

Colour

How the image looks when you share the link

X, large image card

X, summary card

Facebook

LinkedIn

The previews show your headline as the page title. Each network sets its own fonts, and changes its design from time to time.

Make an Open Graph image for every article automatically with the Bannerbear Image API.

How It Works

100% Private, your headline, photo and logo never leave your browser. The image is drawn on your device, and the PNG and JPG files are made there too. Nothing is uploaded to our servers.

  • 🔒 100% privacy friendly
  • 🆓 100% free to use
  • ✅ No signup required
  • 👌 Zero watermarks
  • 💻 Files stay on your computer

This tool draws each design on an HTML canvas at exactly 1200 × 630 pixels, the 1.91:1 size that X, Facebook and LinkedIn show as a large link preview. The headline wraps onto more lines and gets smaller until it fits, so a long title does not run off the image. The same image is then drawn into the X, Facebook and LinkedIn previews.

There is no large download. The fonts (about 140 KB) and the sample photo (about 420 KB) load with the page. You can make and download as many images as you like.

Want to make an Open Graph image for every article automatically at scale? The Bannerbear API automates it for you. Connect it to your CMS or no‑code workflow, and each new post gets its own image when it publishes.

What Is an Open Graph Image?

An Open Graph image is the picture that shows when someone shares a link to your page on X, Facebook, LinkedIn, Slack or WhatsApp. Your page names it in the og:image meta tag.

A link with a clear image and headline gets more attention in a feed than a bare URL. Publishers, blogs and newsletters often use one image for each article, with the headline, the site name and the author on it.

The tool has six designs:

  • Photo: your photo at full size, with a dark fade and a large white headline.
  • Split: a colour panel with the headline, and your photo on the right.
  • Editorial: cream paper, a serif headline and the photo in a frame.
  • Bold: very large condensed capitals on your colour, with the photo in two tones.
  • Minimal: white, with a dark headline, a small photo and a colour bar.
  • Dark: a dark background with a colour glow and a dot grid.

Each design shows your logo or the site name, the headline, the author and the date. Leave a field empty to remove it from the image.

How to Make an Open Graph Image

You can make an image in less than a minute. You do not need to install software or make an account.

  1. Click a design: Photo, Split, Editorial, Bold, Minimal or Dark.
  2. Type the headline, the site name, the author and the date. The preview changes as you type.
  3. Click Change the background photo to use the photo of your article, and Add a logo to put your logo on the image. Click a colour, or click the rainbow swatch to choose your own colour.
  4. Look at the X, Facebook and LinkedIn previews. Set Crop guide to Centre square to see the middle of the image. Keep important text away from the edges.
  5. Click Download PNG or Download JPG.
  6. Upload the file to your site, and put its full URL in the og:image meta tag of the page.

Then check the link with the Facebook preview tool, the X card preview tool or the LinkedIn preview tool.

Open Graph Image Size and Meta Tags

Add these meta tags to the <head> of each page, with the values for that page.

Meta tagValue
og:imageThe full URL of the image, starting with https://
og:image:width1200
og:image:height630
og:image:altA short description of the image for screen readers
og:titleThe title of the page. The networks show it on or under the image
twitter:cardsummary_large_image, so that X shows the large card
  • Size: 1200 × 630 pixels, a ratio of 1.91:1. Facebook, X and LinkedIn show an image of this size as a large preview.
  • File size: keep it under 5 MB for X and LinkedIn, and under 8 MB for Facebook. Use JPG for photos, because the file is smaller. Use PNG for flat colours with no photo.
  • The edges: X shows a summary card with a small square image beside the title. Keep important text away from the edges.
  • Full URL: the networks do not read a relative path such as /images/og.jpg.
  • A new image needs a new name: the networks keep a copy of the preview. When you change the image, give the file a new name, so that the networks get the new image.

Open Graph Image Questions

The common questions about Open Graph images, and their answers

Is the Open Graph image generator free?

Yes. The tool is free, with no watermark, no sign up and no daily limit. You can download as many PNG and JPG files as you like.

Do you upload my photo or logo?

No. The image is drawn in your browser, and the PNG and JPG files are made there too. Your headline, photo and logo stay on your device.

What size is an Open Graph image?

Use 1200 × 630 pixels (1.91:1). This tool always makes images at exactly that size. Facebook, X and LinkedIn show it as a large image. A smaller image can show as a small thumbnail, or look blurred.

Which meta tags do I need?

Put these tags in the <head> of the page: og:image with the full URL of the image, og:image:width (1200), og:image:height (630), og:title, and twitter:card with the value summary_large_image. X uses og:image when twitter:image is missing.

Should I download a PNG or a JPG?

Use JPG when the image has a photo, because the file is smaller and loads faster. Use PNG for a design with flat colours and no photo. Both work on every network.

Why does my link still show the old image?

Facebook, X and LinkedIn keep a copy of the preview. Give the new image a new file name, and update og:image. To make Facebook read the page again, use its Sharing Debugger and click Scrape Again. For LinkedIn, use its Post Inspector.

What happens with a long headline?

The headline wraps onto more lines and gets smaller until it fits. A normal headline of 120 characters fits on every design. If a headline is too long at the smallest text size, for example because it has very long words, the last line ends with an ellipsis (…).

Can I use my own font?

Not in this tool. The designs use Inter, Playfair Display, Bebas Neue and Space Mono, which load from our site with the page. In a Bannerbear template, you can upload your own fonts.

Can I make Open Graph images automatically?

Yes. The Bannerbear Image API makes an image for each article from one template. See Bannerbear for Publishing for publish hooks and batches for old articles.

Make Open Graph Images Automatically with Bannerbear

Do you publish many articles each week? The Bannerbear Image API makes an Open Graph image for each article from one template, with the headline, the author and the photo of that article.

Explore the Image API

This free tool is good for one image at a time. With Bannerbear, you design an Open Graph template once. Then a publish hook sends the headline and photo of each new article to Bannerbear, and the image is ready before the post is shared. The text fits the template whatever the length of the headline, and old articles get an image in one batch. See Bannerbear for Publishing.

Step-by-step guides:

Do you want to see it with a real article? The Open Graph demo reads an article URL and makes a set of images with the API.

More Free Image Tools

Edit your images right in your browser, no upload and no watermark

AI Background Changer

Put your product on a colour or gradient backdrop with a drop shadow

Go to Tool →

AI Object Remover Tool

Draw a box or paint over anything in a photo and AI removes it

Go to Tool →

AI Smart Crop

Crop an image to social media sizes and keep the subject in the frame

Go to Tool →

Background Remover

Remove the background from any image and download a transparent PNG

Go to Tool →

Event Ticket Generator

Make event tickets with a QR code, then download a PNG or a print-ready PDF

Go to Tool →

Open Graph Image Generator

Make a 1200x630 share image for an article, with X, Facebook and LinkedIn previews

Go to Tool →

Shipping Label Maker

Make a 4x6 address label with a barcode, then download a PDF or PNG

Go to Tool →

Start a Free Trial

Start a free trial with 30 API credits, no credit card required

Resize Video
Add Intro Animation
Add Subtitles

Get Started for Free