How Do You Make an Animated Server Banner in Discord?


Larry Thompson

Are you looking to make your Discord server stand out from the crowd? One way to do so is by creating an animated server banner.

An animated server banner can add a touch of creativity and uniqueness to your server, making it more appealing to potential members. In this tutorial, we will guide you through the process of making an animated server banner in Discord.

Step 1: Creating the Banner Image

To create an animated server banner, you will first need to design the image that will be used as the banner. You can use any image editing software that supports animation, such as Photoshop or GIMP. Make sure to keep the dimensions of the image within Discord’s recommended guidelines, which are 960 pixels wide and 540 pixels tall.

Step 2: Exporting as GIF

Once you have designed your banner image, it’s time to export it as a GIF file. To do this, go to the “File” menu in your chosen image editing software and select “Export As” or “Save As.”

Choose GIF as the file format and make sure to enable animation in the export settings. Adjust any other settings as needed and click on “Save” to export your animated server banner.

Step 3: Uploading the Banner

Now that you have your animated server banner ready, it’s time to upload it to Discord. Open Discord and navigate to your server. Click on the down arrow next to your server name and select “Server Settings” from the dropdown menu.

In the Server Settings menu, click on “Overview” in the left sidebar.

Scroll down until you find the “Server Banner” section. Click on “Upload Banner” and select your exported GIF file from your computer. Once selected, click on “Open” or “Upload” to upload your animated server banner.

Step 4: Adjusting Banner Settings

After uploading your animated server banner, you can adjust its display settings. You have the option to choose whether the banner is displayed for both online and offline members or only for online members.

Additionally, you can toggle the motion effect of the banner on or off.

To adjust these settings, go back to the “Overview” section in your server settings. Scroll down to the “Server Banner” section and click on the gear icon next to “Upload Banner.” From here, you can select your preferred display options and enable or disable motion effects for your animated server banner.

Step 5: Previewing Your Animated Server Banner

Once you have uploaded and adjusted your animated server banner, it’s time to preview how it looks. To do this, simply go back to your server and take a look at the top of the channel list. You should see your animated server banner displayed there.

Congratulations! You have successfully created an animated server banner in Discord. Now sit back and enjoy as your unique and eye-catching banner adds a touch of personality to your Discord server.

  • Tips:
  • If you want to make your animated server banner even more appealing, consider adding subtle motion effects or using eye-catching colors in your design.
  • Remember that while an animated server banner can be attention-grabbing, it’s important not to make it overly distracting or overwhelming for users.


In this tutorial, we have learned how to create an animated server banner in Discord. By following these steps, you can add a creative touch to your Discord server and attract more members. Experiment with different designs and effects to find the perfect animated server banner that represents your server’s unique personality.

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

Privacy Policy