Reddit Open Graph Preview

See how your link appears when shared on Reddit

Twitter Facebook LinkedIn Slack Microsoft Teams Discord WhatsApp Instagram Bluesky Notion Google Chat TikTok Snapchat Tumblr LINE Reddit Signal Pinterest Threads Apple Mastodon Telegram

Preview

This is how your link will appear when shared on Reddit.

The preview is generated from your page's Open Graph meta tags.

About SysDesignWiki Learn System Design for Real-World Apps

SysDesignWiki

Image specifications

Images that don't meet platform requirements may be cropped incorrectly, rejected, or displayed at poor quality.

Each platform has different specifications. Make sure your image meets Reddit's requirements shown below.

URL

https://sysdesign.wiki/og/default.png

Width

1,200px

Recommended: 1,200px

Height

630px

Recommended: 630px

Aspect Ratio

1.9:1

Recommended: 1.9:1

Format

image/png

Recommended: image/jpeg, image/png, image/webp, image/gif

File Size

43.3 KB

Recommended: Under 5 MB

Meta tags

Open Graph tags control how your content appears when shared on social media platforms like Facebook, Twitter, and LinkedIn.

Missing or incorrect tags can result in broken previews, missing images, or unappealing shares that reduce click-through rates.

Property	Your Tags
Title	About SysDesignWiki Learn System Design for Real-World Apps
Description	SysDesignWiki is an open encyclopedia documenting system design patterns behind popular apps. Learn architecture, copy AI-ready prompts, and build your own scalable systems.
URL	https://sysdesign.wiki/about
Type	article
Site Name	SysDesignWiki
Locale	en_US

Page request

When you share a link on Reddit, it sends a server-side request, not a browser, to fetch the page's HTML and read the meta tags. This is the request it makes.

curl -vL \

  -H 'User-Agent: Mozilla/5.0 (compatible; redditbot/1.0; +http://www.reddit.com/feedback)' \

  -H 'Accept: text/html' \

  'https://sysdesign.wiki/about'

Image request

After reading the meta tags, Reddit makes a separate request to download the image. Some platforms use a different User-Agent or Accept header for images.

curl -vL \

  -H 'User-Agent: Mozilla/5.0 (compatible; redditbot/1.0; +http://www.reddit.com/feedback)' \

  -H 'Accept: image/*' \

  'https://sysdesign.wiki/og/default.png'

More Tools

Reddit Specs

Image sizes, formats, and guidelines for Reddit Open Graph previews.

View →

Tag Builder

Copy this Open Graph tag to fine-tune how your content appears on social media.

Launch →

Consumer Probe

Debug how social platforms crawl your pages.

Create →