Discord Server Banner 960×540

A Discord server banner is 960 by 540 pixels at 16:9, shown above the channel list once a server reaches Level 2 boosting. Crop to that exact frame here, with the region the server name covers marked, and export without uploading the artwork anywhere.

100 % local

L’interface de cet outil est en anglais.

Drop a PNG, JPG, WebP or GIF

or drop anywhere on this page · Choose a file · 100 MB

Le guide ci-dessous n’est disponible qu’en anglais.

A server banner is the first thing a member sees each time they open your server, and it is the asset most likely to be reused from somewhere else and quietly ruined. It is 960 by 540 — ordinary 16:9, the shape of a video frame — and it is not interchangeable with the 5:2 profile banner people often grab instead.

It also does not sit alone. Discord overlays the server name across the banner's lower portion, and on desktop the banner is rendered at the width of the channel sidebar rather than the full window, so fine detail is reduced considerably more than the 960-pixel figure suggests.

This page holds the 16:9 frame, marks the strip the server name occupies, and exports the exact 960 by 540 Discord expects. Everything runs in your browser, which matters when the artwork is a commission you have not published yet.

If you need the profile banner too, the combined Discord banner page exports both sizes from one crop.

Starting from a format a browser cannot read, such as a TIFF, the format converter will get it into PNG first.

The server banner in context

Three assets are easy to confuse because all three live in a server's settings. They are different sizes and different shapes.

Asset	Size	Ratio	Requirement
Server banner	960 × 540	16:9	Boost Level 2
Invite splash	1920 × 1080	16:9	Boost Level 1
Server icon	512 × 512	1:1	Any server

What the server name covers

The name is drawn over the banner rather than beside it, occupying a strip across the lower area with a soft gradient behind it for legibility. Text or a logo placed there competes with the name and loses.

The dashed rectangle on the preview marks the region that is reliably clear. Compose the meaningful part of the image inside it and treat the lower strip as background.

Why it looks softer than you expect

960 pixels is the asset width, not the rendered width. On desktop the banner is displayed at the width of the server's channel column, which is far narrower, and on a high-density screen that column is drawn at two device pixels per CSS pixel. The net effect is an image downscaled and then partly upscaled.

The practical response is to keep the composition simple. Broad shapes, strong contrast and a single focal point survive that treatment; a detailed scene or small lettering does not. Exporting at 1920 by 1080 and letting Discord downscale is a reasonable alternative when the artwork is detailed — the ratio is identical, so nothing is cropped.

File format and weight

JPEG for photographic or painted artwork, where it is several times smaller than PNG with no visible difference at this size. PNG for flat colour, gradients that band easily, or anything with lettering. WebP is accepted and smaller than both, though a JPEG copy is the safer archive.

Animated server banners exist for higher boost levels and need a GIF. This tool formats still frames; it will give you the exact dimensions to animate from.

Frequently asked questions

What size is a Discord server banner?

960 by 540 pixels, 16:9. It becomes available at Boost Level 2 and appears above the channel list. A 1920 by 1080 upload at the same ratio also works and downscales cleanly, which is worth doing when the artwork carries fine detail.

Why can I not set a banner on my server?

Server banners unlock at Boost Level 2, which needs a number of active boosts. Below that, the invite splash — available at Level 1 — is the image you can set, and it is 1920 by 1080. The settings panel names which tier each slot requires.

Does the server name sit on top of the banner?

Yes. Discord draws the name across the banner's lower area with a gradient behind it, so anything you place there is read as background to the name. The dashed rectangle on the preview marks the area that stays clear; keep logos and text inside it.

Is the server banner the same as the invite splash?

No. They share a 16:9 ratio but not a size or a purpose: the splash is 1920 by 1080 and appears behind an invite link preview, while the banner is 960 by 540 and appears inside the server. The same crop works for both, exported at the two sizes.

Why does my banner look blurry in the app?

Because the rendered width is the channel column, not 960 pixels, and on a high-density display that column is drawn at twice the CSS resolution. Detail is lost in the downscale and softness is added in the upscale. Simplify the composition, or supply 1920 by 1080 so there are pixels to spare.

Do I need to upload the artwork somewhere to resize it?

Not for this. The file is decoded, cropped and encoded inside your browser tab; there is no upload endpoint on this site at all. For an unreleased commission that distinction is the whole point — you can confirm it in the Network panel before you trust it.

ToolsByUs team · How we check our tools