Open Graph Image Generator

When a link is shared on Facebook, LinkedIn, X, Slack or KakaoTalk, the preview card shows the page's og:image. Without one the network picks a random picture or none at all. This generator draws a clean 1200 × 630 card from your title, a subtitle or site name, an optional logo and a colour, gradient or photo background, shrinking the title until it fits. It also writes the matching Open Graph and Twitter card meta tags for your page. The image is made in your browser.

How to use this tool

1. Type the title and a subtitle or site name.
2. Choose a gradient, a solid colour or a background photo (darkened so the text stays readable).
3. Optionally add a logo, and pick the font, alignment and text colour.
4. Enter the address where you will host the image.
5. Download the image, upload it there, and paste the meta tags into your page's <head>.

Formula

title size = the largest size ≤ your maximum at which the wrapped title fits in ≤ 4 lines and (lines × size × 1.15) ≤ the free height

The size goes down in 2 px steps to a minimum of 32 px; at the minimum, extra lines are cut and end with “…”. The free height is 630 minus the padding, the logo (up to 80 px tall) and the subtitle line. 1200 × 630 is a 1.91:1 ratio, the shape Facebook, LinkedIn and X use for large link previews.

Example

With 80 px padding, no logo and a subtitle, the free height is 630 − 80 − 80 − 52 = 418 px. The default 11-word title at 76 px wraps onto 3 lines of the 1040 px text width and needs 3 × 76 × 1.15 ≈ 262 px, so it stays at 76 px and is centred vertically above the subtitle. A title twice as long would need 5 lines and shrinks until it fits in four.