QuickTooly

Free OG Image Generator — Create 1200×630 Open Graph Images

Generate a custom Open Graph image (og:image) for any blog post, article, or landing page — instantly in your browser. Pick a background, type your title and description, and download the perfect 1200×630 px image. No sign-up, no server upload.

Your OG Image Maker

Type your content, choose a style, and download — ready to set as your og:image meta tag.

Target: 1200 × 630 px (1.91:1) Standard Open Graph Image

0/100

Enter a title to continue

Last updated: May 24 2026

Reviewed by the QuickTooly Team

Open Graph Image Size Guide

OG Image Size — 2026

The standard Open Graph image size is 1200 × 630 pixels (1.91:1 aspect ratio). This is the dimension used by Facebook, LinkedIn, Slack, Twitter/X, and most other platforms when displaying link previews. Using the correct size ensures your preview image fills the available space without cropping or letterboxing.

Platform Width × Height Aspect RatioNotes
Facebook1200×6301.91:1Standard link preview
LinkedIn1200×627~1.91:11200×630 works perfectly
Twitter / X1200×6301.91:1summary_large_image card
Slack1200×6301.91:1Link unfurl preview
Min recommended600×3151.91:1Facebook minimum

Layout Options

  • Left Aligned: Text is left-aligned and vertically centered — the most common layout for blog posts and article previews. Clean and modern against any background.
  • Centered: All text is horizontally and vertically centered. Works great for short, punchy titles and gradient or solid color backgrounds.
  • Bottom: The title and subtitle sit at the bottom of the canvas, with the site name anchored to the bottom-right corner. Ideal when using a photo background — keeps text below the main subject.

How to Create an OG Image — 3 Steps

Step 1: Enter Your Content

Type your page title — the headline that will appear in the link preview. Optionally add a subtitle or description for extra context and a site or brand name shown as a small watermark. Only the title is required.

Step 2: Choose a Style

Select a background: a gradient preset for a polished branded look, a solid color for minimal style, or upload your own photo or background image. Then pick a layout and set text color to white (dark backgrounds) or dark (light backgrounds).

Step 3: Generate and Download

Click "Generate OG Image." A preview of the exact 1200×630 output appears immediately. Click "Download OG Image" to save the file — then add it to your HTML as <meta property="og:image" content="/your-image.jpg" />.

Frequently Asked Questions

What size should an Open Graph image be?

The recommended size is 1200 × 630 pixels (1.91:1 aspect ratio). This is the standard used by Facebook, LinkedIn, Twitter/X, and Slack. Images below 600 × 315 px may not display as large card previews on some platforms.

How do I add an OG image to my website?

After downloading, upload the image to your server or CDN. Inside your HTML <head>, add: <meta property="og:image" content="https://yourdomain.com/og-image.jpg" />. For Twitter/X cards, also add <meta name="twitter:card" content="summary_large_image" />.

Is my data uploaded to a server?

No. All image generation happens locally in your browser using the HTML5 Canvas API. Your text, uploaded images, and generated files never leave your device and are never stored anywhere.

Which format should I use — JPG, PNG, or WebP?

Use JPG for most cases — smallest file size and universally supported by all platforms. Use PNG if you need a transparent background. Use WebP for the smallest possible file size if your CDN and platform support it.

Can I use a photo as the background?

Yes — select the "Image" background type and upload any JPG, PNG, or WebP. The photo is cover-scaled to fill the full 1200×630 canvas. A dark overlay is automatically applied to keep your title text legible against the photo.

Why does my OG image not update after sharing?

Social platforms cache OG images aggressively. After updating your og:image meta tag, use the platform's cache-clearing tool: Facebook's Sharing Debugger, LinkedIn's Post Inspector, or Twitter/X's Card Validator to force a re-fetch of your updated image.

More Free Tools