Guides
Open Graph & social image guides
Sizes, specs, and step-by-step how-tos for share images that actually look right — for developers and marketers.
How to preview and test your Open Graph image before you publish
Preview your OG image and test your og tags before shipping. Use a free client-side og image checker to validate Open Graph, Facebook, X, and LinkedIn cards.
open graphOG image dimensions: width, height, and the 2x rule explained
A technical reference on og:image dimensions: the width and height meta tags, aspect-ratio math, the 2x retina rule, minimum sizes, and common mistakes.
Read guide
open graphHow to add Open Graph images to your website
A practical, copy-paste guide to adding Open Graph images: the minimal meta tags, an absolute https og:image, framework snippets for Next.js and plain HTML, and how to test before you ship.
Read guide
facebookFacebook link preview image size and Open Graph tags (2026)
The right Facebook OG image size (1200x630), the og: tags Facebook reads, how to force a re-scrape with the Sharing Debugger, and a fix checklist for broken previews.
Read guide
discordDiscord and Slack link previews: image sizes and how to fix them
Fix a broken Discord link preview image or Slack unfurl image: the right size, how each caches, the query-string trick to bust stale unfurls, plus a checklist.
Read guide
open graphOpen Graph image sizes in 2026 (the cheat sheet)
The definitive Open Graph image size 2026 cheat sheet: exact dimensions and aspect ratios for every major platform, plus safe-area, file-size, and format tips.
Read guide
twitter cardHow to make a Twitter/X card image (step by step)
A step-by-step Twitter card image generator guide: the summary_large_image meta tags, the right 1600x900 size, testing, and making one free.
Read guide
open graphWhy your link preview looks broken (and how to fix it)
Why does my link preview look broken? Diagnose missing og:image, relative URLs, oversized files, caching, and wrong dimensions, with a fix checklist.
Read guide
saasThe best OG image templates for SaaS launches
The best SaaS OG image template picks for a product launch: which layouts work, when to use each, and how to ship a sharp 1200x630 share preview free.
Read guide
changelogChangelog and release social images that get clicks
Turn release notes into shareable cards. Learn what to put on a changelog social image, a repeatable workflow, and how to ship one in a minute.
Read guide
developerOG images for developers: the dark-terminal look
How to make a developer OG image with the dark-terminal look: monospace, terminal chrome, neon accents, plus how to pair it with GitHub and launch posts.
Read guide
linkedinLinkedIn post images: dimensions and template ideas
The right LinkedIn share image size (1200x627), feed best practices, professional template ideas, and a quick do-and-avoid list for clean previews.
Read guide
podcastMake a podcast or episode cover in 60 seconds
A fast podcast cover generator workflow: build episode/event cards with title, host, date, and art, then size them for social and podcast platforms free.
Read guide
testimonialsQuote and testimonial social cards, the easy way
Turn quotes, testimonials, and tweets into a shareable testimonial social card. Design tips for legibility and attribution, plus a one-minute workflow.
Read guide
open graphOpen Graph meta tags: the complete reference
A complete Open Graph meta tags reference: every core og: and twitter: tag explained, required vs optional, with copy-paste HTML and validation tools.
Read guide