Obrazki Open Graph, porządnie wyjaśnione

Rozmiary, które naprawdę działają, kod dla Twojego frameworka i co robić, gdy podgląd linku nie chce się odświeżyć. Każde twierdzenie ma link do źródła.

Poradniki są po angielsku — to język dokumentacji platform, na które się powołują, i kodu, który pokazują.

Podstawy i wymiary

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. 24 października 2026 · 5 min czytania · po angielsku 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. 24 października 2026 · 5 min czytania · po angielsku 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. 24 października 2026 · 5 min czytania · po angielsku

Według frameworka

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. 24 października 2026 · 5 min czytania · po angielsku 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. 24 października 2026 · 6 min czytania · po angielsku 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. 24 października 2026 · 5 min czytania · po angielsku 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. 24 października 2026 · 5 min czytania · po angielsku 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. 24 października 2026 · 5 min czytania · po angielsku 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. 24 października 2026 · 5 min czytania · po angielsku

Diagnozowanie

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. 24 października 2026 · 6 min czytania · po angielsku

Narzędzia i porównania

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. 24 października 2026 · 5 min czytania · po angielsku 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. 24 października 2026 · 5 min czytania · po angielsku