QuickTooly

Free OG Image Generator 2026 - 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. Works for Facebook, LinkedIn, Twitter/X, Slack, Discord, and WhatsApp link previews.

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

What is an Open Graph Image?

An Open Graph image (og:image) is the preview image that appears when you share a link on social media or messaging platforms. When someone posts a URL on Facebook, LinkedIn, Twitter/X, Slack, Discord, or WhatsApp, the platform fetches the og:image meta tag and displays the image alongside the page title and description in the link card.

The og:image is declared in the <head> of your page with a single meta tag: <meta property="og:image" content="https://yourdomain.com/og-image.jpg" />. Without it, platforms either show no image or pick one at random - often with poor results. A well-designed OG image increases click-through rates by giving your shared links a professional, branded appearance.

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

OG Image Best Practices

  • Keep text in the safe zone - stay at least 60 px from all edges. Some platforms crop the sides on mobile or in certain card layouts.
  • Use high contrast - white text on dark backgrounds or dark text on light backgrounds. Avoid low-contrast color pairs that make your title hard to read at a glance.
  • Limit to 2–3 lines of title text - longer titles get cut in some card previews. Aim for a concise, punchy headline.
  • Use 1200×630 px, not the 600×315 minimum - the minimum size produces blurry previews on retina displays and large monitors.
  • Keep file size under 8 MB - Facebook's hard limit. JPG at 90% quality is typically under 300 KB for a 1200×630 canvas.
  • Test with platform debuggers after uploading: Facebook's Sharing Debugger, LinkedIn's Post Inspector, or Twitter/X's Card Validator to confirm your image renders correctly.

Layout tip: Use Left Aligned for blog posts and article previews, Centered for short punchy titles on gradient or solid backgrounds, and Bottom when using a photo background to keep 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 is an Open Graph image?

An Open Graph image is the preview image displayed when a URL is shared on social media or messaging apps such as Facebook, LinkedIn, Twitter/X, Slack, Discord, and WhatsApp. It is set in the HTML <head> with <meta property="og:image" content="https://yourdomain.com/og-image.jpg" />. The recommended size is 1200×630 pixels (1.91:1 aspect ratio).

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