Discord banner sizes: server 960 x 540 and profile 680 x 240

The Discord banner size depends on which banner you mean. A server banner is 960×540 pixels, a 16:9 image shown at the top of your server's channel list. A profile banner is 680×240 pixels and sits behind your avatar on your profile card. The server invite background, shown to people opening an invite link, is also 16:9 and looks best at 1920×1080. Each is partly covered by Discord's interface, so design them as atmosphere with the important part kept clear.

Discord banner dimensions at a glance

Export PNG for graphics, text and gradients, JPEG for photographs. Animated banners use GIF and need a higher boost level for servers or Nitro for profiles; if you make one, keep the motion slow, because the banner sits beside people reading and typing. GIF vs MP4 explains why GIFs need careful colour.

Discord server banner: 960 x 540

The server banner sits at the top of the channel sidebar, above your list of channels. The sidebar is narrow, so the banner is shown small, and the server name and a menu arrow are laid over its top edge. Members see it every time they open the server, which makes it the most viewed image you own on Discord.

• Keep the top band calm. Roughly the top 100 pixels carry the server name in white, so a darker or plainer top helps it read.
• Put any image or words in the middle. The sidebar crop and scaling make edge detail disappear.
• Skip small text. At sidebar size, anything under about 60 pixels tall in your 960×540 design is unreadable.
• Let it fade into the sidebar. A banner whose bottom edge darkens towards Discord's dark theme sits in the interface instead of on it.

Discord invite background

The invite background fills the screen behind the invitation card when someone opens your invite link in a browser. The card itself sits in the centre, showing your server icon, name and the Accept button. That means the middle of your image is mostly hidden. Design the invite background as a full frame of colour or texture, with any detail pushed towards the edges and corners, the opposite of most banners.

Discord profile banner: 680 x 240

With Nitro you can upload a profile banner, shown across the top of your profile card when someone clicks your name. Your round avatar overlaps its lower left, and the card is narrow, so the banner works best as colour and texture with any detail on the right. Without Nitro, you can still pick a solid banner colour, which is worth matching to your avatar. Your profile banner travels with you into every server you join, so choose something that fits all of them rather than one community's in joke.

How to design a matching set of Discord banners

1. 1

   Choose one background family

   The same colours or material across server banner, invite background, server icon and role colours. A community that looks like one place feels like one.

2. 2

   Design the invite background first

   At 1920×1080 it is the largest, so it sets the look. Keep its centre plain.

3. 3

   Make the server banner from it

   Same background at 960×540, with the server name or a tagline centred and a calm top edge.

4. 4

   Check in dark and light themes

   Most members use dark mode, but not all. A banner whose edges fade to a mid tone sits well in either; dark mode design explains why.

5. 5

   Preview at real size

   Open the server on a laptop and a phone. If the words don't read in the sidebar, cut them or make them larger.

Gaming communities, study servers and creator Discords all benefit from the same idea: the server looks like the brand it belongs to. If your Discord supports a stream or channel, match it to your Twitch streamer branding or gaming channel art. In Gradiently, one Mark gives you all three Discord sizes, rendered fresh for each shape rather than cropped, and on Pro a single step resizes a design to every size. Words placed on the Mark stay legible because it calms itself behind them. More shapes are in social media image sizes.