# Discord Open Graph

## Test and debug your Open Graph tags for Discord

### Discord Specs

|     |     |
| --- | --- |
| Image size | 1200x630px |
| Aspect ratio | 1.9:1 |
| Max file size | 5 MB |
| Formats | image/jpeg, image/png, image/webp, image/gif |
| User-Agent | Mozilla/5.0 (compatible; Discordbot/2.0; +https://discordapp.com) |

[Official docs](https://discord.com/developers/docs/resources/message#embed-object)

Discord builds rich embed cards when you paste a URL into a channel. These embeds feature a distinctive colored left border, title, description, and image, all pulled from your Open Graph meta tags. Discord also reads Twitter Card tags as a fallback, which means the `twitter:card` tag directly affects how your image is displayed.

This guide covers how Discord’s crawler works, which tags you need, image display rules, cache behavior, and the most common issues that prevent embeds from appearing.

## What links look like on Discord

### The difference Open Graph tags make when sharing a link.

Without Open Graph

This site doesn't have Open Graph

Discord Open Graph

Oh

With Open Graph

Sites with Open Graph look like this

Discord Open Graph

Nice!

### Debug Discord Open Graph tags

Enter your site's URL to see how it looks on Discord.
