How Do I Upload an Animated Server Banner to Discord?


Angela Bailey

Are you looking to add some flair to your Discord server? One way to make it stand out is by uploading an animated server banner.

This eye-catching feature allows you to display a moving image at the top of your server, adding a touch of personality and creativity. In this tutorial, we will walk you through the steps of uploading an animated server banner to Discord.

Step 1: Prepare Your Animated Banner

Before we jump into Discord, let’s make sure we have the right file format and dimensions for our animated banner. Discord supports GIF, APNG, and WebP file formats for animated banners. Ensure that your banner is in one of these formats.

Next, consider the dimensions. The recommended size for an animated server banner is 1920 pixels wide by 480 pixels tall. Keep in mind that larger files may take longer to load and might not display properly on all devices.

Step 2: Open Server Settings

To upload your animated server banner, you’ll need to have the necessary permissions within your Discord server. Make sure you have administrative privileges or ask a server administrator for assistance.

Once you’re ready, open Discord and navigate to your desired server. Look for the down arrow icon next to the server name on the left-hand side of the screen. Click on it to reveal a dropdown menu.

  • Select “Server Settings” from the dropdown menu. A new settings window will appear, displaying various options related to your server.

Step 3: Access Server Banner Settings

Within the Server Settings window, locate and click on “Overview” from the left-hand navigation menu. This section provides an overview of various settings related to your Discord server.

Scroll down until you find the “Server Banner” option. Click on the square box with a plus (+) symbol inside it to open the server banner settings.

Step 4: Upload Your Animated Server Banner

With the server banner settings open, click on the “Upload Banner” button to browse for your animated banner file on your computer. Once you’ve selected the file, click “Open” or “OK” to proceed.

The upload process may take a few moments, depending on the file size and your internet connection speed. Be patient and avoid navigating away from the page until the upload is complete.

Step 5: Adjust Your Animated Server Banner

Once your animated banner has finished uploading, you have the option to adjust its positioning. Discord allows you to slide the banner left or right to ensure that it appears exactly as you’d like at the top of your server.

To adjust the position, simply click and drag the animated banner within the preview window until you’re satisfied with its placement. This real-time preview allows you to see how it will look before saving your changes.

Step 6: Save Your Changes

After positioning your animated server banner, click on the “Save Changes” button located at the bottom right of the server banner settings window. Discord will automatically save your changes and update your server’s appearance.

Congratulations! You’ve successfully uploaded an animated server banner to Discord.

Take a moment to admire your creation by navigating back to your server’s main screen. You and other members should now be able to see it displayed proudly at the top of your server.


  • Keep it relevant: Choose an animated banner that reflects the theme or purpose of your server. This will help create a cohesive and engaging environment for your community.
  • Optimize file size: Large file sizes can impact loading times.

    Consider optimizing your animated banner to ensure it loads quickly without sacrificing quality.

  • Experiment with different formats: Discord supports multiple file formats for animated banners. Try out different formats to find the one that works best for your server.

Now that you know how to upload an animated server banner to Discord, go ahead and unleash your creativity. Make your server visually appealing and stand out from the crowd!

Discord Server - Web Server - Private Server - DNS Server - Object-Oriented Programming - Scripting - Data Types - Data Structures

Privacy Policy