This guide walks through the correct sizes for a Discord server icon and server banner, then shows how to set up, design, and export both in Canva so they look sharp on desktop and mobile.

Quick Answer

In Canva, create a custom-size design at 512×512 px for your server icon and 960×540 px (or 1920×1080 px for extra sharpness) for your server banner. Design each with your logo or brand colors, keep key elements centered since the icon displays as a circle, then download as PNG and upload them in Discord’s Server Settings > Overview. Note that the banner only shows up inside your server, above the channel list — it is not the image people see on the invite/join screen before they enter.

Know Your Dimensions Before You Open Canva

Discord uses two separate image slots with different shapes, so it’s worth setting them up correctly from the start rather than resizing later. The server icon displays at 512×512 px, but Discord crops it into a circle everywhere it appears — in the server list, the channel sidebar, and on the invite pop-up next to your server’s name. Because it often shows at very small sizes (as small as 48px in a crowded server list), keep the design simple, high-contrast, and centered away from the corners, since anything near the edges gets clipped by the circular crop.

The server banner is a wide, rectangular image (16:9 aspect ratio) that runs across the top of the channel list once someone is inside your server. Discord’s minimum accepted size is 960×540 px, but designing at 1920×1080 px gives you a sharper result on high-resolution monitors (Discord will scale it down automatically). Keep the top strip of the image simple, since Discord’s UI can overlay elements there. The banner is a Server Boost perk: your server needs to reach Boost Level 2 to unlock a static banner, and Level 3 to unlock an animated one. This banner does not appear on the invite/join screen that people see before entering your server — that separate screen instead uses Discord’s Server Invite Background, its own 1920×1080 image slot that unlocks at Boost Level 1. If you only design and upload a server banner, the invite screen will still show your icon and server name over Discord’s default background, not your banner, unless you separately upload an Invite Background image. If your server isn’t boosted yet, you can still design and save the banner in Canva and upload it as soon as boosting unlocks the feature.

Step-by-Step: Building Both Assets in Canva

Start with the icon. In Canva, click ‘Create a design’ > ‘Custom size’ and enter 512 x 512 px. Since this shows as a circle, drag a circular frame or shape guide onto your canvas so you can see exactly what will be visible after cropping — place your logo mark, initials, or main icon inside that circle with a bit of padding. Use one or two brand colors as a solid or gradient background rather than a busy photo, since detail gets lost at small sizes. When you’re happy with it, click ‘Share’ > ‘Download,’ choose PNG, and make sure ‘Transparent background’ is off if Discord will apply its own dark background (a solid-color background looks cleaner in most themes).

For the banner, create a second custom size at 1920 x 1080 px. Because Discord’s UI overlays your server name and member count icons on top of the bottom-left corner of the banner, keep your most important text or logo elements centered or in the upper two-thirds of the canvas so nothing important gets covered. Use Canva’s search bar to pull in a background photo, texture, or gradient that matches your community’s theme, then layer your server name or tagline using a font from your Brand Kit if you’ve set one up (a Canva Pro feature that stores your brand colors, fonts, and logo for consistent reuse). Export the same way: ‘Share’ > ‘Download’ > PNG. If you also want a matching invite screen, repeat this process as a separate 1920×1080 design and upload it specifically as the Server Invite Background rather than reusing the banner file.

To upload both, open Discord on desktop, go to Server Settings > Overview, click the server icon or banner image placeholder, and select the files you downloaded. Discord will show a live preview so you can confirm the crop before saving.

Tips / Common Mistakes

Don’t design the icon as a square with content stretching to the edges — because it’s cropped into a circle, any logo or text near the corners will be cut off. Preview it small (Discord shrinks it to under 50px in most views) before finalizing.

For the banner, avoid placing critical text in the bottom-left, since Discord’s server name and boost badges sit on top of that area for most members. Test how it looks against both Discord’s light and dark themes if your community allows switching, since a banner that pops on dark mode can look washed out on light mode.

Don’t assume your server banner will automatically show up on the invite/join screen — that’s a separate image slot (the Server Invite Background) with its own upload step, so design and upload it on its own if you want your invite page to be branded too.

If you want the icon, banner, and invite background to feel like a matching set, design them in the same Canva project so you can copy colors, fonts, and logo placement between assets rather than starting each from scratch. Save them as Brand Templates (Canva Pro) if you’ll need to update them regularly for events or seasonal promotions.

Explore more: More Canva and design guides.

Discord server banner and icon design in Canva FAQs

What is the ideal Discord server icon size?

512×512 pixels. Discord displays it as a circle throughout the app, so keep important design elements centered and away from the edges.

What size should a Discord server banner be?

960×540 pixels is the minimum Discord accepts, but 1920×1080 pixels (same 16:9 ratio) gives a sharper result on larger screens. This banner only appears at the top of the channel list once someone has joined your server — it is not shown on the invite/join screen. That screen uses a separate image slot called the Server Invite Background, which is also 1920×1080 but unlocks at a lower Boost level and has to be uploaded on its own.

Do I need Canva Pro to make a Discord banner or icon?

No. Canva’s free plan supports custom canvas sizes and PNG downloads, which is all you need. Canva Pro adds extras like Brand Kits and Brand Templates for reusing your colors and fonts across future designs.

Why can’t I upload a server banner in Discord?

The server banner is a Server Boost perk — your server needs to reach Boost Level 2 for a static banner or Boost Level 3 for an animated one before the upload option appears in Server Settings.

Make Your Digital Life Better

More practical tech how-tos, tool picks, and guides to upgrade your everyday digital life. More on GTWebs.

Want web tips in your inbox? Subscribe to the free newsletter.

Photo: Coolcaesar / CC BY 4.0, via Wikimedia Commons.

The post How to Design a Discord Server Banner and Icon in Canva appeared first on GTWebs.