OG image generator
Write your page title, choose the colours and download a 1200 × 630 px Open Graph image ready to share.
How the Open Graph image is composed
A 1200 × 630 px canvas is drawn, the 1.91:1 ratio recommended by Facebook, LinkedIn, WhatsApp and X for link previews. It is the size that stays sharp on both mobile and desktop.
ratio = 1200 ÷ 630 ≈ 1.91:1
The title lays itself out: the tool measures each word with measureText and builds lines that fit the usable area. If the text is long it shrinks the font size until it fits within the maximum number of lines.
The result is exported as PNG, the format that keeps text edges cleanest. Upload the file to your site and link it with the og:image and twitter:image tags we show you.
Worked example
With the title "A complete guide to Core Web Vitals" and the subtitle "webytooly.com", the tool splits the title across two large lines, places the subtitle underneath and adds an accent bar on the left.
Frequently asked questions
- Why 1200 × 630 pixels?
- It is the minimum size Facebook recommends for large link images, and the 1.91:1 ratio fits without cropping on most social networks.
- Can I use my logo?
- This tool composes text and colours. If you need a logo, generate the base here and add it afterwards in an image editor.
- Why doesn't the preview update when I share?
- Social networks cache the image. After changing it, use each platform's link debugger to force a re-read of the og:image tag.
- Should I use PNG or JPG?
- PNG when the image is text over flat colour, as here: the edges stay crisp. JPG makes sense if the background is a photograph.
Related calculators
- Compress JPGShrink a JPG photo by choosing how much compression to apply.
- Compress PNGShrink a PNG by reducing how many colours its palette holds.
- Compress WebPShrink a WebP image by choosing its compression quality.
- JPG to WebPConvert JPG photos to WebP so your site loads faster.
- PNG to WebPConvert PNG images to WebP while keeping transparency.
- WebP to JPGConvert WebP images to JPG so any program can open them.
- Resize imageChange the pixel width and height of an image without distorting it.
- Change image resolution (DPI)Set the DPI of an image and control its real printed size.
- Crop imageDrag a selection over the image and crop it to that rectangle.
- Convert imageConvert between JPG, PNG and WebP by picking the output format.
- Favicon generatorBuild every favicon size and the .ico file from one image.
- Image to Base64Turn an image into a Base64 string or a ready-to-paste data URI.
- Image colour pickerClick anywhere on an image and read that pixel in HEX, RGB and HSL.
- Extract colours from an imageGet the dominant colour palette of any photograph.