thirds.ai
Start free
Menu

Free tool

Make an Open Graph image

An Open Graph image is the picture people see under your link when they share a page. Pick one of five designs, type your site name, the page title, and a short description, and download a 1200 × 630 PNG for your page's og:image tag. On thirds.ai, you can also save the card with your logo, colours, and fonts, so every new blog post or product page gets its own card in the same design.

Get 50 free credits

Download the image free with no account, up to 5 a day. Sign up free to save your design. You don't need a card.

Choose a design

Colours, fonts, and logo

Put your brand on every design

Your details

Change anything here, and the picture changes as you type.

Your file

Sample preview
A link card for Greenhaw Kitchen Garden, with a big serif tomato headline on deep green, a glowing coral orb with the leaf logo, and a coral web address pill.
Open Graph cardopen-graph-card.png
Download as

Watch how

Make a branded Open Graph image for every page

Read the transcript

When you share a link, this is the picture people see first. It's called an Open Graph image, and every page you share needs one.

Without one, you get a grey box, and a great post looks half-finished.

With the Open Graph image generator on thirds.ai, you pick from five designs, and you can edit any of them for every page you share.

Add your brand kit, and your logo and colours go on in one step.

Type in the page's title, and your card's ready.

Publishing a lot of pages? Send the next title to our API when a page goes live, and get its card back.

Every new post gets its own card, in your colours, without you opening a design tool again.

Make your first Open Graph card free, at thirds.ai.

See a sample

Five Open Graph image designs to pick from

You can pick from five Open Graph image designs, and each one is already 1200 × 630 pixels, so you never size a card by hand. Four designs show your site name, the page title, a short description, and your web address. The Share card puts a photo beside the headline, for a post about a person or a place. Save the one you like, and every card after it comes out in the same logo, colours, and fonts.

The thirds.ai editor with boxes for the site name and the page title beside the finished Greenhaw Kitchen Garden link card
Open Graph card in the editor. Type the next page's title into these boxes, then click Export.

How it works

How to make an Open Graph image

  1. Step 1

    Pick a design

    Choose one of the five card designs. You can switch without leaving this page.

  2. Step 2

    Type your page's details

    Add your site name, the page title, and a short line about the page. Click Your brand to put your logo and colours on the card.

  3. Step 3

    Add the image to your page

    Download the image and upload it to your site. Then set your page's og:image tag to its full https address.

Do more with thirds.ai

Want your own look, or want the file made for you?

A free tool does one job on one file. thirds.ai makes the finished file for you, in a design that's yours, as many times as you need it.

The finished files list with six images from three designs: sale stickers, launch posts, and video thumbnails

  1. Pick a designer-made template and make it yours

    Choose a template from the gallery, or ask your AI assistant to draw one for you. Put your logo, colours, and fonts on it once, and every file after that comes out looking like your business made it.

    Set up your brand

  2. Get the file from the AI you already use

    Tell it what you need in plain words, and the finished PDF or picture lands in the chat, in your design and ready to send.

    Connect your AI

  3. Make one file for every row of a spreadsheet

    Got a list? Upload a spreadsheet, and each row comes back as its own finished file in your design, all of them in one ZIP.

    Make a batch

Questions about this tool

Is the image free?

Yes. Without an account, you get the finished image free, up to 5 a day. Signed in, an image uses one of your 50 free credits. Opening the page never spends a credit.

What size should an Open Graph image be?

Make it 1200 × 630 pixels. Facebook's guide for link shares asks for at least that size, so most sites start there. Keep the important words about 60 pixels from every edge, because some sites crop the card. See the size for each site.

Should I download a PNG, JPEG, or WebP?

PNG keeps text and flat colours sharp, so it's the safe choice. JPEG makes a smaller file when the card has a photo, such as the Share card. Reduce image file size.

Why doesn't my new card show after I change it?

Social sites can hold on to the old image for a while. Give the new image a new file name, such as launch-v2.png, update your og:image tag, and use the site's refresh tool if it has one.

Can I make a card for every page from my own code?

Yes. Save the design, then send each page's title from the step that publishes your pages, and you get its card back. We keep each file for up to a year on paid plans and 30 days on Free, so save your own copy and point og:image at it. Read the quickstart. Make Open Graph images from HTML.

Free tools

See all 17 free tools

For your site

Add this free tool to your site

Your readers leave your page when they need a tool like this one. Paste this code into your page's HTML, and they can use it right there. It's free, and you don't build or host anything.

HTML for your page
<iframe src="https://thirds.ai/embed/tools/open-graph-image-generator" title="Free Open Graph image generator" width="100%" height="1000" style="border:0;max-width:100%" loading="lazy"></iframe>
<p>Free Open Graph image generator by <a href="https://thirds.ai/tools/open-graph-image-generator">thirds.ai</a></p>

Give every new page its own link image

Save the design with your logo, colours, and fonts. When you publish a new page, open the design in the editor, type the page's title, and click Export. Or let your own app send each new title and get its card back.

Edit the Open Graph cardAll free tools