Create OG Images That Pop in Discord Embeds
Discord embeds are one of the few places where your OG image gets displayed at nearly full size with a colored sidebar and formatted text. It is a surprisingly generous canvas for link previews, and taking advantage of it can make your content stand out in active servers where hundreds of links get posted daily.
How Discord Builds Rich Embeds from OG Tags
Discord constructs its link embeds using a combination of Open Graph tags and oEmbed data, with OG tags taking priority for most URLs. The embed includes the og:title as a clickable header, og:description as body text, og:image as a large preview, and the og:site_name as a subtle label at the top. Discord also pulls the site's favicon for the embed footer. What makes Discord unique is that it displays the OG image at a much larger size than most platforms, often taking up the full width of the message column. This means your image does not need to be designed for thumbnail viewing like WhatsApp. You can include more detail and nuance in your Discord-optimized OG images.
Discord's Color Stripe and Brand Recognition
Discord adds a colored vertical stripe to the left side of every embed. By default, this color is pulled from your site's theme-color meta tag, or Discord assigns one based on the content. You can influence this by setting the theme-color meta tag in your HTML head, which is a subtle but effective branding opportunity that most developers miss entirely. A consistent brand color on every link you share builds recognition over time, especially in servers where your content appears frequently. Pick a color that contrasts well with Discord's dark background, since the vast majority of Discord users use the dark theme.
Image Rendering in Discord's Dark and Light Themes
Discord's dark theme uses a very specific shade of dark gray, not pure black, as the background for embeds. Images with transparent backgrounds or white borders can look jarring against this background. The safest approach is to design OG images with their own solid background that works well when surrounded by dark gray on all sides. Discord also has a light theme, though it is used by a small minority of users. If you want to cover both cases, a mid-tone background with good internal contrast handles both themes gracefully. Avoid relying on the embed boundary to frame your image, because padding and margins differ between desktop and mobile Discord clients.
Bot Embeds vs. Link Embeds and Community Perception
Discord users are accustomed to seeing rich embeds from bots, which often include custom formatting, fields, and interactive buttons. A well-designed OG image embed can match or exceed the visual quality of bot embeds, which subtly signals quality to the community. In developer and tech-focused servers, links with polished OG images get more clicks and generate more discussion than bare URLs. This is partly because Discord users have learned to associate rich embeds with trustworthy sources, while bare URLs or broken embeds trigger suspicion. Investing in your OG image quality pays dividends in communities where reputation and trust matter.
Large Image vs. Thumbnail Behavior in Discord
Discord decides whether to display your OG image as a large preview or a small thumbnail based on the image dimensions and the og:type tag. Images wider than 400px typically get the large treatment, while smaller images are shown as thumbnails to the right of the text. Setting og:type to website and providing a 1200x630 image virtually guarantees the large format. Some developers accidentally serve small placeholder images or low-resolution thumbnails as their OG image, which triggers the thumbnail layout and wastes the generous canvas that Discord provides. Always serve the full-resolution image and let Discord handle the downscaling on its end.
Generate your OG image in seconds
Paste a title, pick a brand color, and get production-ready social cards for every platform — with framework-specific meta tag snippets included.
Create Discord Embed Images