Open Graph images, explained properly

Sizes that actually work, code for your framework, and what to do when a preview will not refresh. Every claim links to its source.

Basics and specs

OG image size for LinkedIn, X, Facebook, Slack, Discord and WhatsApp One size works everywhere: 1200×630 PNG or JPEG under 5 MB. The per-platform limits behind that answer, with sources, and what each platform crops. October 24, 2026 · 5 min read Generating OG images with AI assistants via MCP Connect an AI assistant to an image API over the Model Context Protocol: render OG images from chat, or let a coding agent wire og:image into your site. October 24, 2026 · 5 min read What is an Open Graph image? Tags, sizes and specs in 2026 An Open Graph image is the picture a link shows when shared. What the og:image tags mean, the 2026 sizes that work everywhere, and how sites generate them. October 24, 2026 · 5 min read

By framework

Dynamic OG images in Django: Pillow, Playwright or an API Give every Django page its own og:image: draw it with Pillow, screenshot HTML with Playwright, or call an API — with on_commit, Celery and a template tag. October 24, 2026 · 5 min read Dynamic OG images in Laravel: three ways, with code Generate a per-post og:image in Laravel with Browsershot, Intervention Image or an HTTP API — queued, cached, re-rendered only when the title changes. October 24, 2026 · 6 min read Dynamic OG images in Rails: Active Job, Ferrum or an API Per-record og:image in Rails: screenshot an ERB view with Ferrum, call an image API from Active Job, or sign the image URL in a helper. October 24, 2026 · 5 min read Next.js OG images without the @vercel/og limits next/og cannot do CSS grid, woff2 or bundles over 500KB. When that matters, use real Chrome: a signed og:image URL in generateMetadata, on Node or Edge. October 24, 2026 · 5 min read OG images for static sites: Hugo, Jekyll and Astro Per-page og:image on a static site without a server: build-time generation, signed image URLs computed in Hugo, Jekyll or Astro templates, or one auto tag. October 24, 2026 · 5 min read Automatic OG images in WordPress without writing code WordPress prints no og:image on its own. Four ways to give every post a share image — featured images, Jetpack, a pasted snippet, or SEO plugin filters. October 24, 2026 · 5 min read

Debugging

og:image not showing? How to debug it and bust each cache Why a link preview has no image or an old one: eight usual causes, how to see what the crawler sees, and how to refresh Facebook, LinkedIn, X and Slack. October 24, 2026 · 6 min read

Tools and comparisons

Bannerbear vs Placid vs Shareglint: an honest comparison Bannerbear and Placid compared on price per image, editor, integrations and OG-image features, checked October 2026 — with a third, cheaper option. October 24, 2026 · 5 min read Screenshot API or image templates: which one for OG images? A screenshot API captures a page as it is; a template API fills a designed card. When each one makes a better og:image, with costs, pitfalls and code. October 24, 2026 · 5 min read