Animated Discord assets, boost levels and Nitro, untangled

Discord's rules about animated images are not symmetrical, and that is the root of most of the confusion. Some slots animate when the server is boosted. Some animate when your account has Nitro. Some do not animate at all no matter what anybody pays. People buy an animated asset, cannot upload it, and conclude the file is broken.

The five slots

Read that table once and most of the confusion disappears. The three server slots are governed by boosts and live in Server Settings. The two personal slots are governed by Nitro and live in User Settings. The invite splash unlocks with a boost but never animates.

Boost levels, in order

Discord's server boost tiers unlock features cumulatively. The ones relevant to branding:

• Level 1 unlocks the animated server icon, the invite splash background, custom role icons and higher audio bitrate.
• Level 2 unlocks the server banner slot itself, a larger upload limit and higher streaming quality.
• Level 3 unlocks a vanity invite URL and the largest upload limit.

The practical consequence for a server owner: an animated icon is cheap to reach and visible constantly, so it is the best first branding purchase for a Discord. The banner needs twice the boosts and is less visible than people think, because Discord renders it at roughly a third of its stored width above the channel list. If you have a limited number of boosts, the icon is the better spend.

The 10MB wall

Discord rejects any image over 10MB, and this is where most animated Discord assets actually fail. A GIF is an uncompressed-per-frame format with a palette, so its size is roughly frames multiplied by the per-frame cost, and the per-frame cost scales with area and with palette size. A 960x540 animation at 30 frames a second over six seconds is 180 frames at half a megapixel each. It will not be under 10MB at any quality worth having.

The fix is to spend the budget deliberately rather than exporting at maximum and hoping:

• Cut the frame rate before you cut the resolution. A slow scene at 16 frames a second looks almost identical to the same scene at 30 and costs half as much.
• Cut the loop length. Discord assets are glanced at, not watched. Three seconds is plenty.
• Tune the palette to the scene rather than using a generic 256. A dusk scene with one accent colour genuinely needs about 160 colours, and dropping from 256 to 160 is a visible saving with no visible cost.
• Dither carefully. Heavy dithering on a smooth gradient destroys the compression because every frame differs everywhere. A gentler dither on a scene with real gradients is both smaller and cleaner.

Those four together take a 960x540 loop from something that will not upload to something around 7MB that looks rendered rather than compressed. That is the budget worth aiming for: comfortably under the cap, so Discord's own re-encoding has room.

What the crops take

Two of the five slots are cropped to a circle and one is cropped by the layout, and designing without accounting for that is how a good file ends up looking wrong in place.

The server icon and the avatar

Both are cropped to a circle, which removes the corners entirely. A square design loses roughly 21% of its area and, more importantly, loses exactly the places people put detail. Keep the mark centred with an even margin, so the crop takes background.

Then there is display size. Discord renders the server icon at around 48 pixels in the server rail and the avatar at around 40 pixels beside a message. That is the size that matters, not the 512 or 300 you uploaded. Design the composition at display size and scale it up, which is the opposite of how most people work and the reason most server icons are illegible. Lettering smaller than about a quarter of the frame height is noise at 40 pixels.

The profile banner

Your avatar is drawn as a circle overlapping the lower left corner of your profile card, on top of the banner. That quarter of a 680x240 banner is unusable. Push the lockup right of centre, put the invite on the upper right, and let the avatar land on background.

The server banner

Discord stores 960x540 and displays it much narrower above the channel list, cropping height on narrow windows. Fine detail is wasted and anything in the top or bottom rows is at risk. Keep the lockup in the middle band.

The invite splash is the one that matters most

Every other Discord asset you own is seen by people who already joined. The invite splash is the only one seen by people deciding whether to. It is the 1920x1080 background behind the invite card when somebody follows your link, it unlocks at Level 1, and it is the only Discord graphic with a conversion job rather than a retention job.

It does not animate, which is fine, because the composition constraint is more interesting anyway: Discord puts an opaque card dead centre with your icon, your name, your member counts and the Accept Invite button. The middle of your image is hidden. Compose around it, with the lockup above the card area and the invite below it, and the splash frames the card instead of fighting it.

If you are deciding where to spend attention across a Discord's branding, the order that reflects actual impact is: invite splash, server icon, server banner, then the personal slots. That is almost the reverse of the order most people buy them in.

Nitro versus boosts, one more time

Server boosts are a property of the server, bought by its members, and they unlock server features. Nitro is a property of an account, and it unlocks personal features. An animated avatar and an animated profile banner are personal features. No amount of boosting a server gives its owner an animated avatar.

This matters commercially, because a staff team wanting matching animated avatars needs Nitro per person, and that is a decision worth making before buying the assets rather than after. A still avatar from the same design looks like the first frame of the animation, so a team with mixed Nitro still looks consistent.

A sensible order of operations

1. Pick the design and the palette once, for the whole community, so the FiveM banners and the Discord assets match.
2. Set the still versions of all five slots immediately, whatever your boost level. The branding is the layout and the palette, not the motion.
3. At Level 1, switch the server icon to the animation and upload the invite splash.
4. At Level 2, add the server banner.
5. Switch personal avatars and banners to the animated versions for whoever has Nitro, and leave the stills for whoever does not.

Done in that order, nothing is bought that cannot be used, and the community looks finished at every stage rather than half-branded while it waits for boosts.