OG Image Generator
Create an Open Graph image for your link in seconds: type the title, pick a layout and colours, see the link preview and download it at 1200 x 630.
or start from a photo, drop one here or paste
.png
Create an Open Graph image for your link in seconds: type the title, pick a layout and colours, see the link preview and download it at 1200 x 630.
or start from a photo, drop one here or paste
Upload the image to your site and put its address in og:image.
An OG image (an Open Graph or OpenGraph image) is the picture that appears when someone shares your link on Facebook, LinkedIn, X, Slack, Discord or WhatsApp. This OG image generator makes one without design software: type the page title, a short description and your site name or URL, and the title sizes itself to fill the space with balanced lines. A two-word headline comes out large and a long blog post title comes out smaller, always inside the safe area that feeds keep when they crop. Choose a Layout (accent bar, centred, split with image or minimal), a Font (bold, clean or serif) and a Background, and the preview is exactly the picture you download.
The download is 1200 x 630 pixels, the size Facebook, LinkedIn and most chat apps ask for. The X (Twitter) summary_large_image card uses the same 1200 x 630 picture, so one file covers both, and X crops a little from the top and bottom, which is why the text keeps a margin there. Under More options you can switch to a 1200 x 1200 square for places that show a square preview. Below the editor, the link preview shows how the card will look in a Facebook, X or LinkedIn feed with your title and domain under it, and a square picture is cropped the way a feed crops it.
The picture button next to the site field adds a small logo beside your site name; in the split layout without a photo it sits large in the coloured panel instead. Pick Your photo as the background, or drop a photo on the page, and it fills the image cropped from the centre, with a Darken slider so white text stays readable. In the split layout the photo fills the right side instead. The gradient presets (midnight, ocean, sunset, forest) and the solid paper and dark backgrounds are starting points: change both gradient colours, the Accent colour of the bar and rule, and the Text colour to match your brand.
Under the preview you get the og:image and twitter:card meta tags with your title and description already filled in, with quotes, ampersands and angle brackets escaped so the HTML stays valid. Click the code to copy it, paste it into the head of your page and upload the downloaded file to your site at the address in og:image. If you typed a URL, the image address uses your domain. To resize an existing picture to a platform's size instead, use the social media resizer, and for a quote on a square post the quote image maker.
PNG is the default and keeps the lettering crisp. JPG makes a smaller file, which helps with a photo background, since some platforms reject large images. The file is named after the first words of your title. On a computer you can copy the picture to paste it straight into a post, and on a phone you can share it to an app.
Your title, your unreleased page and your logo stay on your device. The image is drawn in your browser, the fonts are loaded from this site only when you choose them, and nothing is uploaded, so you can make the preview for a launch before the page is public. No signup and no watermark.
1200 x 630 pixels, a ratio of 1.91 to 1. That is what Facebook and LinkedIn recommend and what X uses for its large image card, so this generator exports exactly that size by default. Keep important text away from the edges, because some apps crop a little.
Not for the large card. The twitter:card value summary_large_image shows a 1200 x 630 picture, the same file as og:image. The copied tags include both, and X falls back to the Open Graph tags when its own are missing.
Social sites cache the preview. After you upload the new picture and change the tags, ask the site to scrape the page again, for example with the Facebook Sharing Debugger or LinkedIn's Post Inspector, or add a version number to the image file name.
No. The title, the description, the logo and any photo are used only inside your browser to draw the picture, and the finished file is saved straight to your device.