Discord Banner Size Guide

Three different banners, three different sizes

Discord uses the word banner for three separate things, and they are not interchangeable. The server banner appears at the top of the channel list and uses a 960x540 image, a 16:9 ratio. The profile banner appears on your user profile card and is much wider and shorter, at 600x240, a 5:2 ratio. The invite splash is the background shown on an invite landing page and also uses 1920x1080.

Because the aspect ratios differ substantially, a single image cannot be reused across all three without significant cropping. The 16:9 server banner squeezed into the 5:2 profile slot loses roughly a third of its height, usually taking the subject with it.

Each also has different unlock requirements. Server banners require Level 2 boosting, invite splash images require Level 1, and profile banners require Nitro. Animated GIF versions are supported in all three cases once the relevant requirement is met.

Safe areas: what the interface covers up

The most common banner mistake is designing to the full canvas without accounting for the elements Discord layers on top. Every banner slot has overlays, and they consistently sit in the same places.

On a profile banner, the avatar sits at the lower left and the username and tag render directly beneath and beside it, covering a substantial band across the bottom. Anything meaningful placed in the lower third or the left edge will be obscured. The safe region is the upper right.

On a server banner, the server name renders across the image with a gradient scrim for legibility, and the top of the channel list begins immediately beneath. Keep the subject centred and slightly high, and avoid placing detail directly behind where the name will fall.

The reliable method is to design on a canvas with the overlay positions blocked out in a separate layer, then hide that layer before exporting. Guessing at the safe area and checking afterwards usually costs several upload-and-look cycles.

Format, file size and quality

PNG is the best default for banners containing text, logos or flat colour, because it avoids the compression artefacts JPG introduces around hard edges. For photographic banners with no text, a high-quality JPG is fine and produces a considerably smaller file.

Discord accepts banner uploads up to 10 MB, which is far more headroom than a static banner needs - a well-exported 960x540 PNG is typically under 1 MB. The limit becomes relevant only for animated GIF banners, where frame count and dimensions multiply quickly.

Upload at the exact recommended dimensions rather than larger. Unlike avatars, where extra resolution gives the downsampler something to work with, banners are displayed close to their native size, so oversized uploads gain nothing and risk unexpected cropping.

If a banner looks soft after upload, the usual cause is that the source was smaller than the target and got stretched. Export from the original at full size rather than scaling up an existing smaller image.

Tips for using discord banner size guide

• Discord markdown works in most chat inputs, but formatting behaves differently in embeds, code blocks, channel topics and auto-mod messages - always verify in the exact place you plan to use it.
• Some formatting only renders in the client. Bots receive the raw markdown text via the API, so a bot reposting a formatted message may strip or double-render the styling.
• Server settings and client versions change behaviour over time. If a trick stops working, check whether the client updated or the server changed a permission that affects the feature.
• Test formatting in a private channel or a scratch server before applying it to an announcement channel with a large audience.

These tips apply no matter whether you are decorating a personal profile, organising a server or publishing a guide. The principle stays the same: start with clean, readable content, then add styling in small, reversible steps so your text keeps working everywhere it is pasted.

How to get started with discord banner size guide

1. Read the rule, then test it. Each guide explains a feature with copy-pasteable examples. Run the example in a scratch channel first so you can see the rendered result before applying it anywhere important.
2. Check the message type. Confirm whether you are working in chat, an embed, a code block or a topic, because formatting rules differ. The guide notes these differences explicitly.
3. Keep a reference. Bookmark the guides you use most. Discord formatting is compact and easy to forget, and having the syntax one click away beats re-searching every time.

The whole workflow takes under a minute for most people. Because everything runs locally in the browser, there is no account to create, no upload step and no waiting for a server to respond. The results are plain text that you can paste anywhere and adjust later.

Common mistakes and how to avoid them

• Designing a banner with content near the bottom edge. The profile card overlays the avatar and name across the lower portion of a profile banner, hiding anything placed there.
• Using a 16:9 image for a profile banner. Profile banners are much wider than they are tall, so a standard widescreen image gets cropped heavily top and bottom.
• Uploading a banner with small text. Banners render at a fraction of their upload size in most contexts, and text sized to look right in an editor is usually unreadable in the client.
• Assuming one banner works everywhere. Server banners, profile banners and invite splash images have different aspect ratios and different overlays - one file cannot serve all three well.

Frequently asked questions

Discord Banner Size Guide | key points to remember

Discord Banner Size Guide is part of a larger collection of free tools on this site. The related tools below cover adjacent topics, and everything runs directly in your browser - no accounts, no installs, no data leaving your device.

If a technique on this page does not behave as expected, the quickest fixes are: check the character limit of the field you are editing, make sure the text is not inside a code block, and preview it in the exact place where it will be used. Most rendering quirks come from one of those three sources, and most are resolved in seconds.

Related keywords: discord banner size, discord server banner size, discord profile banner size, discord banner dimensions, discord banner resolution, Discord Guides.