Discord embed preview checker
Discord renders an embed coloured by theme-color, with the site name, title, description and image.
Tags Discord reads
| Field | Tags, in fallback order |
|---|---|
| Colour bar | theme-color |
| Title | og:title → twitter:title |
| Description | og:description |
| Image | og:image → twitter:image |
Image requirements
| Recommended | 1200×630 |
|---|---|
| Minimum | none documented |
| Maximum weight | none documented |
| Formats | JPEG, PNG, GIF, WebP |
Card layout
twitter:card summary_large_image gives a full-width image. Otherwise a thumbnail shows on the right.
How to refresh the Discord preview cache
Discord caches embeds for a while. Append a query string to see changes.
Common problems
- A grey left border: add <meta name="theme-color" content="#hex">.
Rule confidence: observed.