What is the correct OG image size?

The recommended size is 1200×630 pixels with a 1.91:1 aspect ratio. This size works correctly across Facebook, Twitter, LinkedIn, and most other platforms.

Where do I add the OG image to my website?

Add a meta tag in your HTML head: . Also add twitter:image for Twitter card support.

Can I use my own background image?

Yes. Upload a background image and layer text over it. Adjust text colour and add a semi-transparent overlay to ensure readability.

Best Free OG Image Generator Online

Open Graph images are the preview images displayed when your webpage is shared on social media — on Twitter/X, Facebook, LinkedIn, Slack, and iMessage. A well-designed OG image significantly increases click-through rates compared to a missing or generic preview. devtoolkit.sh's OG Image Generator creates 1200×630 images (the recommended OG image size) with your chosen background colour or gradient, headline text, sub-text, and optional branding elements. Download the PNG and add it as your page's og:image meta tag. No design software required.

Title

Subtitle

Background

#0f172a

Text Color

#f8fafc

Preview (scaled) — output is 1200×630 px

FAQ

What is the correct OG image size?: The recommended size is 1200×630 pixels with a 1.91:1 aspect ratio. This size works correctly across Facebook, Twitter, LinkedIn, and most other platforms.
Where do I add the OG image to my website?: Add a meta tag in your HTML head: <meta property="og:image" content="https://yourdomain.com/og-image.png">. Also add twitter:image for Twitter card support.
Can I use my own background image?: Yes. Upload a background image and layer text over it. Adjust text colour and add a semi-transparent overlay to ensure readability.