Free OG Image Preview

Preview how your URL appears when shared on social media. Check Open Graph tags for Facebook, Twitter/X, and LinkedIn.

How to Preview OG Images

  1. Enter any URL in the input field above.
  2. Click "Preview OG Tags" to fetch the page's metadata.
  3. View how the URL will appear on Facebook, Twitter/X, and LinkedIn.
  4. Review the complete list of meta tags and fix any warnings.

What Are Open Graph Tags?

  • og:title — The title that appears when your page is shared on social media. Should be concise and compelling.
  • og:description — A brief summary of the page content. Appears below the title in most social media previews.
  • og:image — The image displayed in the share preview. Recommended size: 1200x630 pixels for optimal display.
  • og:url — The canonical URL for the page. Helps social platforms consolidate shares.
  • twitter:card — Defines the card type for Twitter/X (summary, summary_large_image, etc.). Check it with our Twitter Card Validator.

OG Image Best Practices

Image Size: Use 1200x630 pixels for optimal display across all platforms. Facebook recommends at least 600x315px. Images smaller than 200x200px may not display at all.

File Format: Use JPG or PNG. Keep file size under 8MB. JPG works best for photographs; PNG for graphics with text.

Title Length: Keep og:title under 60 characters. Longer titles will be truncated on most platforms.

Description Length: Keep og:description under 155 characters for best display across Facebook, Twitter, and LinkedIn.

Essential OG Tags Checklist

TagPurposeRequired?
og:titlePage title in social share previewsYes
og:descriptionPage description below the titleYes
og:imagePreview image (1200x630px recommended)Yes
og:urlCanonical URL of the pageRecommended
twitter:cardTwitter card type (summary_large_image)Recommended
og:site_nameName of the websiteOptional

Need to Generate OG Images Automatically?

Templated's API lets you generate dynamic OG images for every page on your site.

Easy-to-use API

Our Image Automation API lets you create custom OG images dynamically for every page.

No-code Integrations

Integrate with popular no-code platforms like Zapier, Make and Bubble.

Customizable Templates

Create and customize from our 100+ templates gallery to match your brand and specific needs.

Integrations

Seamlessly integrate with your favorite tools

Zapier
Make
Bubble
n8n
Airtable
Activepieces

What our customers say

People love how great our product works and how we're always there to help

Rated 4.7

"Business pressures now demand almost a 24x7 operation. The difference between choosing one SaaS product or another isn't just down to the technical capabilities of each, but down to their responsiveness when it doesn't quite work. In this case, an issue blocked us from being able to use the platform as intended. Within minutes of using the live chat, the issue was not only reproduced but correctly identified. Within the hour, the hot fix had been coded, tested and applied - unblocking the bottleneck and allowing us to carry on working. This is exceptional and the reason why I can't recommend this company enough - I'm so impressed and very grateful for their hard work. Keep it up!"

March 12, 2026
J

Jason

"This is a clever idea, especially in concert with programmatic (AI-generated) SEO."

17 January 2024
Ryan Hoover Profile Photo

Ryan Hoover

Creator of ProductHunt

"We were looking for tools to help our users create and edit images with templates. We tried options like Canva, but Templated.io turned out to be the perfect choice for our product. It offers an easy API to render images, and its embed editor lets us provide our users with a full editing experience without having to create complex frontend components. It's a really great tool!"

September 16, 2025
H

Harish

"We integrate Templated.io into our portal for custom flyer generation. The editor is amazing, and the Canva import tool is exactly what we were looking for. Massive shoutout to Pedro for the technical support. He responds incredibly fast and fixes issues in no time. Highly recommended!"

June 9, 2026
YZ

Yuan Zhuang

"Brilliant piece of software. Reasonably priced (vs Canva's outrageously expensive API), and despite a few intricacies with the editor, a really fully-featured document generation API. Really great support too from Pedro, the founder!"

August 17, 2025
JB

Jacob Burns

"Very reliable platform. Almost no errors ever. Easy to setup templates and use the API. And AMAZING support!"

March 24, 2026
LP

Lawrence Perera

"We booked the "Scale" package to use it as a "print product editor" and we are amazed by the features and the support! Pedro replies to every question and also implemented small hints to the API for better functions on our request. Absolutly great Software and Service!"

December 18, 2025
SR

Sven Rißmann

südheide.media

"Templated.io is basically a an API-first graphics content designer which makes it super easy to programmatically create document and image assets. It has most basic features and it is robust and "just works". The Make.com app really makes it super simple to incorporate into automation workflows. What sets templated.io apart the most is Pedro and his super fast and service minded, solutions oriented responses."

May 26, 2025
S

Siavash

"Amazing API, perfect support and a lot of new features on a monthly basis."

November 26, 2025
KS

Kalina Staykova

"Currently working through an implementation of Templated.io and the customer service has been spectacular!!! I get near immedate response and near immediate remedies. It's glorious. I wish other companies were like this!!! Strong recommendation!"

July 17, 2026
Tracy C Profile Photo

Tracy C

"The editor is easy to use, very similar to Canva and the API is simple enough to integrate on the backend."

20 February 2024
Halem Wenderson Profile Photo

Halem Wenderson

Developer at Telvetto

OG Image Preview FAQs

Common questions about Open Graph tags and social media previews

What are Open Graph (OG) tags?

Open Graph tags are HTML meta tags that control how your content appears when shared on social media platforms like Facebook, Twitter/X, and LinkedIn. They define the title, description, and image that display in share previews, helping you control your content's first impression.

Why are OG tags important for my website?

OG tags directly impact click-through rates from social media. Posts with compelling images and descriptions get significantly more engagement. Without OG tags, social platforms will try to guess what to display, often with poor results — cropped images, missing descriptions, or irrelevant titles.

What is the ideal OG image size?

The recommended OG image size is 1200x630 pixels (1.91:1 aspect ratio). This works optimally across Facebook, Twitter, and LinkedIn. Minimum recommended size is 600x315px. Images smaller than 200x200px may not display at all on some platforms.

What is a Twitter Card?

Twitter Cards are Twitter's equivalent of OG tags. The most common types are "summary" (small square image with text) and "summary_large_image" (large image above text). Twitter will fall back to OG tags if no twitter: tags are specified, but it's best practice to include both.

How do I add OG tags to my website?

Add OG meta tags in the <head> section of your HTML. Example: <meta property="og:title" content="Your Title" />, <meta property="og:description" content="Your description" />, <meta property="og:image" content="https://yoursite.com/image.jpg" />. Most CMS platforms (WordPress, Shopify, etc.) have plugins to manage these.

Why isn't my OG image showing on Facebook?

Common reasons include: the image URL is not accessible, the image is too small (under 200x200px), there's a caching issue (use Facebook's Sharing Debugger to clear cache), or the og:image tag uses a relative URL instead of an absolute URL. Always use full https:// URLs for og:image.

How do I clear the OG image cache on social media?

Each platform has its own cache: For Facebook, use the Sharing Debugger (developers.facebook.com/tools/debug). For LinkedIn, use the Post Inspector (linkedin.com/post-inspector). These tools will re-scrape your page and update the cached preview. X retired its Card Validator, so share the URL with a query string (for example ?v=2) to force a fresh fetch, and check the tags first with our Twitter Card Validator.

Do OG tags affect SEO?

OG tags don't directly affect Google search rankings, but they significantly impact social media engagement. More clicks and shares from social media can indirectly boost SEO through increased traffic, brand awareness, and potential backlinks. Google also uses some meta descriptions in search results.

What is the difference between og:image and twitter:image?

og:image is the standard Open Graph tag used by Facebook, LinkedIn, and most platforms. twitter:image is Twitter-specific. If twitter:image is not set, Twitter will fall back to og:image. It's best practice to set both, especially if you want different images on different platforms.

Can I use different OG images for different platforms?

Yes! Use og:image for Facebook/LinkedIn and twitter:image for Twitter/X. This lets you optimize image sizes and content for each platform's display format. Facebook prefers 1200x630, while Twitter summary_large_image works best at 1200x628.

How do I generate OG images automatically?

For dynamic pages (blog posts, product pages), you can use an image generation API like Templated to automatically create unique OG images. Design a template once, then generate customized images for each page by passing dynamic data like titles and descriptions via API.

Is this OG preview tool free?

Yes, completely free with no limits. Enter any URL and instantly see how it will appear when shared on Facebook, Twitter/X, and LinkedIn. The tool also highlights missing or problematic tags to help you optimize your social media previews.

What tags are required for a good social media preview?

At minimum, you need: og:title, og:description, og:image, and og:url. For Twitter, also add twitter:card (usually "summary_large_image"). Recommended extras include og:site_name, og:type, twitter:site, and twitter:creator for attribution.

Why does my LinkedIn preview look different from Facebook?

LinkedIn and Facebook have slightly different rendering engines and image cropping rules. LinkedIn tends to crop images more aggressively and has different text truncation limits. Test your OG images on both platforms and keep important content in the center of the image.

Automate Your OG Image Generation Today

Generate unique OG images for every page with our API

Try For Free

Related Free Tools

Discover more free tools you might find useful.

Website Screenshot

Capture full-page screenshots of any website. Enter a URL and download as PNG or JPG.

Try it now →

HTML to Image Converter

Convert HTML code or files to high-quality PNG or JPG images.

Try it now →

HTML to JPG Converter

Convert HTML code or files to high-quality JPG images.

Try it now → New

Image Format Converter

Convert images between PNG, JPG, and WebP formats instantly.

Try it now →

Image DPI Checker

Check the DPI, resolution, and dimensions of your images.

Try it now →

Twitter Card Validator

Validate your X card tags and preview how your link looks on X.

Try it now → New
View All Tools