Loading
5 formats
FiveM server graphics
Five graphics decide whether somebody clicks your server in a list of four thousand. We build all five from one design, at the exact sizes the FiveM client asks for.
FiveM formats
FiveM in detail
A FiveM server advertises itself in places nobody else gets to see. The server list detail panel renders a 1865x108 strip, which is a ratio almost nothing else on the internet uses. The connecting screen shows a 1920x320 band above the progress text. The server icon is squeezed to 96x96 next to your name. None of those are Discord sizes, and a Discord banner stretched to fit any of them looks exactly like a Discord banner stretched to fit.
That is why the FiveM group in every pack is built first. The 1865x108 strip is laid out as a strip: the wordmark sits left of centre, the invite ribbon sits in the right third, and nothing important goes within forty pixels of either edge, because the client crops the panel on narrow windows. The connecting banner is laid out again from scratch at 1920x320 rather than cropped out of the strip, so the lockup reads at the size the player actually sees it.
The transparent logo ships at 1024x1024 with six downscaled copies cut from the same render, including the 96x96 your server list entry needs and the 32x32 a browser tab needs. They come from one source file, so the mark is identical at every size instead of six slightly different crops.
The loading screen is not a video. It is a complete FiveM resource with its own fxmanifest, a live scene that runs at the client's refresh rate and a progress bar wired to the real loadProgress events. Drop the folder in resources, add one ensure line, done.
Formats
| Format | Size | Still render | Animated |
|---|---|---|---|
| FiveM info banner | 1865×108 | 3730×216 | GIF to 13.0MB |
| FiveM banner_connecting | 1920×320 | 3840×640 | GIF to 11.0MB |
| FiveM logo | 1024×1024 | 2048×2048 | APNG to 3.0MB |
| FiveM watermark | 768×288 | 1536×576 | APNG to 3.0MB, WEBM |
| FiveM loading screen | 1920×1080 | 1920×1080 | MP4, resource |
- FiveM info banner, 1865x10817 to 1 is a ratio nothing else on the internet uses, which is why a resized Discord banner is instantly recognisable as one.
- FiveM connecting banner, 1920x320This is the one graphic every single player who joins your server sees, full width, while they have nothing else to look at.
- FiveM server logo, 1024x1024 transparentSix logo sizes from six separate exports means six slightly different marks. One render, downscaled, means one mark.
- FiveM in-game watermark, 768x288Every clip your players post is free advertising, but only if your name is in the corner of it.
- FiveM loading screen resourceA video loop costs every joining player a download and still stutters. A live scene costs nothing and runs at their refresh rate.
Designs
Anime Rooftop Anime
from $12Anime Rooftop rendered as anime artwork, with live motion, drifting particles and a chromed wordmark. Every format in the catalogue, still and animated.
20 formats, 46 filesAnime Rooftop Grunge
from $12Anime Rooftop rendered as grunge artwork, with live motion, drifting particles and a chromed wordmark. Every format in the catalogue, still and animated.
20 formats, 46 filesAnime Rooftop Painted
from $12Anime Rooftop rendered as painted artwork, with live motion, drifting particles and a chromed wordmark. Every format in the catalogue, still and animated.
20 formats, 46 filesAnime Rooftop Photoreal
from $12Anime Rooftop rendered as photoreal artwork, with live motion, drifting particles and a chromed wordmark. Every format in the catalogue, still and animated.
20 formats, 46 filesArcade Grid Anime
from $12Arcade Grid rendered as anime artwork, with live motion, drifting particles and a chromed wordmark. Every format in the catalogue, still and animated.
20 formats, 46 filesArcade Grid Grunge
from $12Arcade Grid rendered as grunge artwork, with live motion, drifting particles and a chromed wordmark. Every format in the catalogue, still and animated.
20 formats, 46 files
FiveM questions
What sizes does a FiveM server actually need?
1865x108 for banner_detail, 1920x320 for banner_connecting, 96x96 for the server list icon, a transparent 1024x1024 logo to cut every other size from, and 1920x1080 for the loading screen. A watermark at 768x288 covers in-game NUI overlays.
Do the banners have to be animated?
No, and you should always upload a still as well. Every pack ships both: a PNG at twice the target resolution and an animated version at the size the client fetches, so you can switch without re-rendering anything.
Will this work with ESX, QBCore or a standalone framework?
Yes. banner_detail and banner_connecting are convars set in server.cfg, so they are framework-independent. The loading screen is a plain resource with a loadscreen entry and no framework dependency at all.
Can I change the server name after buying?
Set the name before you buy. One payment covers one set of settings and the configuration is fixed at purchase, so a rename is a separate purchase. Nothing in the customiser costs anything until you check out.