How to Fit Image to Discord Banner Size Perfectly

One of the most frustrating experiences on Discord is uploading a great picture only to discover that Discord cut off half the graphic or zoomed in on an empty background.

This happens because Discord uses two completely different banners with different proportions:

1. Server Banners: Use a 16:9 aspect ratio with a minimum recommended size of 960×540 pixels.
2. Profile Banners: Use a roughly 5:2 aspect ratio (2.83:1) with a recommended size of 680×240 pixels.

If you upload a 16:9 image as your profile banner, Discord forces a horizontal crop that cuts off roughly 40% of the vertical height. Furthermore, profile cards place your round avatar over the bottom-left corner, covering whatever artwork sits behind it.

You can adjust and preview any picture with our in-browser Discord banner maker, which overlays safe zones before you upload.

Before editing your artwork, confirm which banner you are targeting using this specification comparison:

A safe zone is the portion of your canvas guaranteed to remain visible without being obscured by UI elements or responsive screen resizing.

Profile Banner Safe Zones On desktop and mobile profile popout cards, your circular avatar sits over the bottom-left area of the banner: - **Left Margin**: Keep critical faces, logos, and text at least **140 pixels away from the left edge** on a 680×240 canvas. - **Bottom Margin**: Leave the bottom 50 pixels clear of important text. - **The Sweet Spot**: Place your focal artwork in the upper-right two-thirds of the canvas.

Server Banner Safe Zones Server banners display above the channel list on the desktop app: - **Top Bar**: Discord renders a dark gradient overlay and the server title pill across the top 20% of the banner. - **Keep Logos Centered**: Position server logos and titles slightly below center so they remain unobstructed.

For more templates and banner inspiration, explore our guide on Discord banner ideas and templates.

If you have a vertical fanart piece or a square illustration that you want to use as a Discord banner, stretching it horizontally will distort the image. Instead, use one of these three techniques:

1. Ambient Blurred Background: Duplicate the original image, scale it to fill the entire 16:9 or 5:2 canvas, apply a 25px Gaussian blur, and place the uncropped subject sharply in the center or right side.
2. Solid Color Canvas Extension: Use Discord dark background (#141A24 or #1E293B) as the canvas base. Place your artwork neatly on the right side and feather the left edge into the background with a soft gradient.
3. Smart Rule-of-Thirds Cropping: If your source image has high resolution, zoom in to crop around the focal point (such as a character eyes or emblem) rather than trying to fit the full full-body pose into a narrow banner strip.

You can also use our Discord image resizer to crop and pad assets locally.

Once your image matches the recommended dimensions, follow these steps to upload it cleanly:

Profile Banner (Desktop) 1. Open **User Settings** (gear icon) and select **Profiles**. 2. Click **Change Banner** on your User Profile card. 3. Choose **Upload Image** and select your formatted file. 4. Discord displays a crop preview modal with a zoom slider. Because you pre-sized the image, leave the zoom slider at its default minimum position and click **Apply**. 5. Click **Save Changes**.

Server Banner (Desktop) 1. Open **Server Settings** and navigate to the **Overview** tab. 2. Scroll to the **Server Banner Background** section. 3. Click **Upload Image**, position your 960×540 file, and save.

If your server has reached Level 3, you can upload an animated GIF banner following the same steps. For full server guidelines, see our tutorial on how to change a Discord server banner.