make a share picture for your website

type your title, pick a style and download a 1200 × 630 picture, ready for og:image. it is drawn in your browser, so nothing is uploaded.

free · no signup · instant

1200 × 630 · no watermark · made on your device

the tags to add to your page

<meta property="og:image" content="https://yourproduct.com/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://yourproduct.com/og-image.png">

swap in the full address of the picture once it is on your site.

how it works

1
type your title
add a second line and your site's name if you like.
2
pick a style
five looks, and your own logo if you have one.
3
download
a 1200 × 630 PNG with no watermark, and the tags to paste into your page.

what you get

a 1200 × 630 PNG, the size X, LinkedIn, Slack and WhatsApp use
five styles: light, dark, blue, sunrise and paper
your own logo, placed for you
text that sizes itself to fit, from a few words to a long headline
the og:image and twitter:card tags, ready to copy
no watermark, no account, nothing uploaded

why a share picture is worth five minutes

a link with a picture takes up more of the screen

In a feed, a link without a picture is one line of text between other posts. The same link with a large card fills the width of the post. You are not competing on what your page says at that point. You are competing on whether anyone notices it scroll past, and a picture is what gets noticed.

it tells people what the page is before they read anything

A good share picture is a headline people take in at a glance. Someone scrolling quickly will read four large words on a picture and skip a paragraph of text underneath. If the picture says what your product does, the click you get is from someone who already knows what they are clicking on.

without one, the network chooses for you

If your page names no picture, some networks show nothing and others grab the first image they find: a logo cropped in half, an icon, a random screenshot. It is rarely what you would have picked. Naming one picture yourself, at the right size, takes the choice back.

what makes a good one

Few words, set large. A title that still reads at the size of a phone screen. Strong contrast between the words and the background. Your name or logo small in a corner, so people learn where it came from. And everything important kept away from the edges, since some apps crop the picture slightly.

one for each page beats one for the whole site

A single picture for your home page is the minimum. But a blog post shared with its own title on the picture, or a launch page with the product's name, does better than the same generic image on every link. That is why this tool is quick to use again: change the title, download, done.

questions

Is there a watermark?

No. The picture is yours, with nothing of ours on it.

Is my logo uploaded anywhere?

No. The picture is drawn on your own device and the logo never leaves it. That is also why the tool works the moment you type.

What size is the picture?

1200 by 630 pixels, a PNG. That is the size recommended for og:image and the one X shows full width with a large card.

How do I add it to my site?

Put the file on your website, then add the tags shown under the download button to the head of your page, with the full address of the picture. After that, the link preview checker will show you the result.

Can I make one for every page?

Yes, as many as you like. Blog posts and launch pages do well with a picture of their own that carries the page's title.

more free tools

reading on: where to launch your product as a solo founder · this week's board

ready? launch it on ShipDesk.dev

your own launch page, a link to your site and a full week on the board. free, and it takes about a minute.

launch yours for free