Skip to main content
ToolsByUs

Discord Banner Resizer

Discord uses two different banners: 600 by 240 at 5:2 for a profile and 960 by 540 at 16:9 for a server. Crop once here and both are exported together, with the avatar circle and name block drawn over the preview so nothing important ends up hidden behind them.

Local-only

Drop a PNG, JPG, WebP or GIF

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

Discord Banner Resizer explained

Almost every “Discord banner” problem comes from the same mistake: there are two of them. The profile banner sitting behind your avatar is 600 by 240, a wide 5:2 letterbox. The server banner shown above the channel list is 960 by 540, ordinary 16:9. They look similar in a design file and behave completely differently once uploaded.

Discord does not refuse a banner of the wrong shape. It centre-crops it, silently, which is worse — a 16:9 image dropped into a profile slot loses roughly a third of its height from the top and bottom, and the part it takes is whatever happened to be in the middle. Artwork with a logo near an edge comes back with the logo cut in half.

This page holds both frames and exports both from a single crop, and it draws what Discord puts on top: the circular profile picture that overlaps the lower-left corner, and the username block beside it. What survives on a real profile is not what survives in a design file, and the difference is the part worth seeing before you upload.

If the size you need is your own rather than Discord's, the general Crop Image tool lets you type any pixel rectangle.

Formatting art for more than one place at once is common, and the other platform resizers hold the same exact frames for Twitch, Roblox, Etsy and the rest.

Both banner sizes, and where each one appears

The two frames are used in different places and neither substitutes for the other. Export both and keep them; a server you run and a profile you own will both want one eventually.

BannerSizeRatioWhere it shows
Profile banner600 × 2405:2Behind your avatar on your own profile card
Server banner960 × 54016:9Above the channel list, for boosted servers
Server invite splash1920 × 108016:9Behind an invite link preview

What sits on top of a profile banner

A profile banner is never seen whole. The circular avatar overlaps its lower-left corner and the username, tag and badges sit immediately to the right of that circle — together they cover most of the bottom-left quadrant.

The preview above draws both. The practical rule that falls out of it: put nothing you need read in the lower-left third. Faces, logos and text belong upper-right, and a background that reads as a texture rather than as a composition survives the overlap best.

  • The avatar circle overlaps the banner's lower-left corner and is masked to a circle, so corner detail is lost twice over.
  • The username block extends right from the avatar, across roughly the middle of the lower half.
  • Badges and status dots sit inside and around the circle, so fine detail directly behind it disappears entirely.

Why a 16:9 image never survives the 5:2 crop

5:2 is 2.5 to 1; 16:9 is about 1.78 to 1. The profile frame is markedly wider for its height, so fitting a 16:9 image into it means throwing away the top and bottom — about 29% of the height — or padding the sides and losing the full-bleed look entirely.

Neither outcome is wrong, but the choice should be yours. Fill frame crops and lets you pick what stays centred; Fit whole image pads with a background colour and keeps every pixel. A tool that only offers the first is deciding for you.

Format and file size

PNG for artwork with flat colour, sharp edges or text, where JPEG's ringing shows around every letter. JPEG for a photographic banner, where it is dramatically smaller at the same visible quality. WebP is accepted and smaller again, though a PNG or JPEG is the safer thing to hand to anyone who might re-upload it later.

Animated banners are a Nitro feature and need a GIF, which this tool does not produce — it formats still images. What it will do is prepare the exact frame size an animator needs to start from.

Frequently asked questions

What size is a Discord profile banner?

600 by 240 pixels, a 5:2 ratio. That is the size Discord displays it at on a profile card, and anything of a different shape is centre-cropped to fit rather than refused. Larger uploads at the same 5:2 ratio are scaled down cleanly, so 1200 by 480 is a reasonable source if you want headroom.

Why does Discord crop my banner?

Because the image you gave it is not the ratio the slot expects. Discord fills the frame rather than letterboxing, so it takes the middle of your image and discards the rest — top and bottom for a too-tall image, left and right for a too-wide one. Cropping deliberately here means you choose which part it keeps.

Is the server banner the same image as the profile banner?

No, and reusing one for the other is the commonest mistake. A server banner is 960 by 540 at 16:9 and appears above the channel list; a profile banner is 600 by 240 at 5:2 and appears behind your avatar. Export both from this page and keep them as separate files.

Will my avatar cover part of the artwork?

Yes. The circular profile picture overlaps the lower-left corner and the username block extends to the right of it. Both are drawn over the preview above so you can see the overlap while cropping rather than discovering it afterwards. Keep anything that must be read out of the lower-left third.

Does the image get uploaded anywhere to be resized?

No. Decoding, cropping, resizing and encoding all happen inside this browser tab, and you can verify it: open DevTools, switch to the Network panel and export — nothing carrying your file appears. The page's Content-Security-Policy would block an outbound request in any case.

Can I make an animated Discord banner here?

Not here. An animated banner needs a GIF and is a Nitro feature; this tool formats still images into PNG, JPEG or WebP. It is still useful as the first step — export the exact frame at 600 by 240 or 960 by 540 and animate from that, so the dimensions are right before the motion work starts.

ToolsByUs team · How we check our tools