OG Image Generator
Design a 1200 by 630 social share image in your browser and download it as a PNG. 100% free, no signup. Everything runs in your browser.
Loading the tool…
This free OG image generator makes the picture that appears when your link is shared on Facebook, LinkedIn, X or Slack. Pick a template, type your headline, subtitle and site name, choose your colors, and download a PNG in the standard 1200x630 size, with 1080x1080 and 1200x675 options for square and X-friendly layouts. The whole thing is drawn on a canvas element in your browser, so nothing is uploaded and there is no watermark.
I made this after realizing most of my own posts were being shared with no image at all, which on a social feed is basically invisibility. Opening a full design app to type twelve words onto a gradient felt ridiculous, so I built the smallest tool that does the job properly. The automatic text fitting was the part I got wrong first: early versions let long headlines overflow the edges, and now the tool shrinks the type in steps until everything fits. Once your image is done, wire it into your page markup with the meta tag generator.
How to use
- Choose a template: a gradient background, a solid color, or the split layout that reserves space for stronger contrast between text and background.
- Type your headline, an optional subtitle, and your site name in the fields above the preview.
- Pick your background and accent colors with the color pickers to match your brand.
- Watch the live canvas preview update as the automatic text fitting sizes your headline to fit the frame.
- Select your output size: 1200x630 for most platforms, 1080x1080 for square posts, or 1200x675 for X.
- Click download and save the finished PNG, then reference it in your page's og:image tag.
Why use our og image generator?
Links with images get seen, and links without them get scrolled past. Facebook's own guidance for websites, published in the sharing best practices documentation, recommends 1200x630 images for high-resolution link previews, and that is exactly what this tool produces by default. You are not guessing at dimensions; the sizes are the ones the platforms actually want.
It is faster than a design app for this specific job. Canva and Figma are wonderful, but opening a project, finding a template, resizing the artboard and exporting takes longer than typing a headline into three fields. When you publish weekly, that difference decides whether the share image gets made at all.
The text fitting saves you from the classic mistakes. Headlines that overflow, subtitles that collide with the site name, type so small it disappears in a feed thumbnail: the layout logic handles spacing and scale so the result looks deliberate even if you have no design background.
Everything happens on your machine. The canvas renders locally and the PNG is generated in your browser, so your unpublished headline for next week's launch never touches a server. There is no account, no watermark and no image library quietly collecting your work.
The PNG downloads print-crisp at exact pixel dimensions, so there is no compression surprise from a screenshot workflow. If you need the file smaller for a page weight budget, run it through the image compressor afterward and you will usually save most of the file size without visible loss.
Who is this tool for?
Bloggers and newsletter writers are the obvious fit. Every post needs a share image, and making one per article stops your feed presence looking like a wall of identical grey link cards. Keep your accent color consistent and readers start recognizing your links before they read the headline.
Indie makers and SaaS founders use it for launch pages and changelog entries. When you post your update on X or LinkedIn, a card with the release headline in your brand colors reads as a real announcement rather than a bare URL. The 1200x675 size keeps X crops clean.
Podcasters and YouTubers use the square 1080x1080 output for episode announcements on Instagram and LinkedIn, with the episode title as the headline and the show name in the site field. One template, new text each week, and the feed stays coherent.
Small agencies generate placeholder share images for client sites before brand photography exists. A clean typographic card in the client's colors is a far better day-one look than a default screenshot, and it takes about a minute per page. I also make a matching icon set with the favicon generator in the same sitting.
Frequently asked questions
No. The image is drawn with the HTML canvas API inside your browser and the PNG download is generated locally. Your headlines never leave your machine, which matters when you are preparing unannounced content.
1200x630 pixels is the standard that Facebook, LinkedIn and most platforms recommend, and it is the default here. Use 1200x675 if you mostly share on X, and 1080x1080 for square placements.
Not in this tool; it is built for fast typographic cards with gradient, solid and split templates. If you want photo-based cards, extract your brand colors from a photo with the color palette extractor and use them as the background and accent instead.
That is the automatic text fitting working. Instead of letting text spill outside the frame, the tool steps the font size down until the headline fits with sensible margins. If it looks too small, shorten the headline; tighter lines almost always read better in feeds.
No watermark, no signup, no export limit. The PNG you download is exactly what you see in the preview, and you can generate as many as you like.
Upload the PNG to your site or CMS, then set its URL in your og:image and twitter:image tags. The meta tag generator linked above builds that whole block for you and previews how the card will look.
It exports PNG, which keeps flat colors and text edges perfectly sharp. Social platforms accept PNG without issue. If you specifically need a JPG for a CMS restriction, convert the download with any image tool; quality loss on these graphics is minimal.