# ogimg.in > ogimg.in is a free, open-source Open Graph image generator that runs in the browser. It has 45 editable templates, a free canvas with layers, platform size presets, a social preview simulator, and copy-ready Open Graph meta tags. No account, no upload, no watermark. Use these pages when you need the definition of an Open Graph image, the correct dimensions, the meta tags, framework setup, or a fix for a preview that is missing or stale. Every page is written and maintained by GxAditya, the person who builds ogimg.in. ## Core pages - [Open Graph image generator](https://www.ogimg.in/): Make a 1200 x 630 card in the browser. - [Template gallery](https://www.ogimg.in/template-gallery): 45 editable layouts with live previews. - [Free canvas editor](https://www.ogimg.in/studio): Place every layer, set every value, export PNG, JPEG, or WebP. - [Open Graph meta tag generator](https://www.ogimg.in/tools/open-graph-meta-tag-generator): Generate and preview the tags. - [About the project](https://www.ogimg.in/about): Who builds it, how it works, and what it does not do. ## Guides - [What is an Open Graph image?](https://www.ogimg.in/learn/what-is-an-open-graph-image): An Open Graph image is the preview card shown when a link is shared. Learn what og:image does, why 1200 x 630 is the standard, and how to add it correctly. (Fundamentals, updated 2026-10-27) - [Open Graph image size: the 1200 x 630 guide](https://www.ogimg.in/learn/open-graph-image-size): The complete Open Graph image size guide: 1200 x 630 for OG, 1200 x 628 for X, 1200 x 627 for LinkedIn, plus safe areas, file sizes, and crop behaviour. (Sizes, updated 2026-10-27) - [Open Graph meta tags: the complete reference](https://www.ogimg.in/learn/open-graph-meta-tags): Every Open Graph meta tag, what it does, and a copy-paste example. Includes the minimum viable set, Twitter card tags, and the mistakes that break previews. (Implementation, updated 2026-10-27) - [How to create an Open Graph image](https://www.ogimg.in/learn/how-to-create-an-open-graph-image): A step-by-step guide to creating an Open Graph image at 1200 x 630, exporting it, adding the og:image tag, and checking the preview on each platform. (Fundamentals, updated 2026-10-27) - [Open Graph image best practices that survive every feed](https://www.ogimg.in/learn/open-graph-image-best-practices): Practical Open Graph image best practices: type sizes that survive thumbnails, safe areas for aggressive crops, contrast, file weight, and a repeatable card system. (Design, updated 2026-10-27) - [Open Graph image examples, and why they work](https://www.ogimg.in/learn/open-graph-image-examples): Eight annotated Open Graph image examples for blog posts, launches, changelogs, podcasts, and product pages. Open any example and edit it for free. (Design, updated 2026-10-27) - [OG image not showing? The 12-point checklist](https://www.ogimg.in/learn/og-image-not-showing): Fix a missing or stale Open Graph image: check the raw HTML, absolute URL, image response, crop, duplicate tags, crawler access, and platform caches in order. (Troubleshooting, updated 2026-10-27) - [Next.js Open Graph images: metadata and dynamic OG cards](https://www.ogimg.in/learn/nextjs-open-graph-image): Add Open Graph images in the Next.js App Router with static metadata, generateMetadata, or a dynamic opengraph-image.tsx built with next/og. (Implementation, updated 2026-10-27) - [WordPress Open Graph images: plugins, defaults, and code](https://www.ogimg.in/learn/wordpress-open-graph-image): Set a WordPress Open Graph image with Yoast, Rank Math, or a small code snippet. Fix missing previews, set defaults, and avoid duplicate og:image tags. (Implementation, updated 2026-10-27) - [Twitter card image size for X](https://www.ogimg.in/learn/twitter-card-image-size): The right image size for X cards: 1200 x 628 for summary_large_image, a square for summary, plus the tags, safe areas, and common cropping fixes. (Sizes, updated 2026-10-27) ## Template use cases - [Blog post OG image template](https://www.ogimg.in/templates/blog-post): A free blog post OG image template at 1200 x 630. Add the headline, category, and image, then export a share-ready card from your browser. - [Podcast cover and OG image template](https://www.ogimg.in/templates/podcast-cover): A free podcast OG image template for episode links, show notes, and social posts. Add the episode title, guest, and cover art, then export at 1200 x 630. - [SaaS launch OG image template](https://www.ogimg.in/templates/saas-launch): A free SaaS launch OG image template with a product screenshot, a short claim, and a brand mark. Edit it in the browser and export at 1200 x 630. - [Changelog OG image template](https://www.ogimg.in/templates/changelog): A free changelog OG image template for release notes and product updates. Add the version, date, and summary, then export at 1200 x 630. - [GitHub social preview template](https://www.ogimg.in/templates/github-social-preview): A free GitHub social preview template at 1280 x 640. Add the repo name, tagline, and language, then export an image GitHub can use for link cards. - [LinkedIn OG image template](https://www.ogimg.in/templates/linkedin): A free LinkedIn link preview template at 1200 x 627. Add a short headline and brand mark, then export a card that survives LinkedIn's shared link layout. ## Comparisons - [ogimg.in vs Bannerbear](https://www.ogimg.in/compare/bannerbear): A fair comparison of ogimg.in and Bannerbear for Open Graph images: price, API, templates, automation, privacy, and which one fits your workflow. - [ogimg.in vs Canva for Open Graph images](https://www.ogimg.in/compare/canva): Canva is a general design platform; ogimg.in is a focused Open Graph image editor. Compare speed, control, privacy, price, and the right job for each. ## Reference - [All guides](https://www.ogimg.in/learn): The guide hub, grouped by fundamentals, sizes, implementation, design, and troubleshooting. - [All tools](https://www.ogimg.in/tools): The meta tag generator and the size, tag, and debugging references. - [Full text](https://www.ogimg.in/llms-full.txt): The complete text of every guide, comparison, and template page. - [Changelog](https://www.ogimg.in/changelog): What changed, newest first. - [Source code](https://www.ogimg.in/about): MIT licensed on GitHub. - [Contact](https://www.ogimg.in/contact): Who runs the site and how to reach them. ## Citation Cite the canonical URL shown on each page. Open Graph image dimensions are 1200 x 630 pixels at a 1.91:1 ratio, with a 64 px safe area and a file size under 1 MB. Pricing and third-party product facts were checked in October 2026; confirm them with the vendor before repeating them.