Loading
FiveM
FiveM connecting banner, 1920x320
This is the one graphic every single player who joins your server sees, full width, while they have nothing else to look at.
For FiveM · 1920×320
Shown at the real ratio with the Downtown Dusk Anime design. Hover to animate. Previews are watermarked.
- Target size
- 1920 × 320 pixels
- Still render
- 3840 × 640 PNG
- Animated render
- 1920 × 320, GIF 18fps, 4.0s
- Transparency
- Opaque
- Set in
- server.cfg, as the banner_connecting convar: sets banner_connecting "https://your-host/connecting.png"
- Platform
- FiveM
What fivem banner_connecting is for
banner_connecting is drawn across the top of the connecting dialog, the window a player stares at while the handshake, the resource download and the first spawn happen. Unlike the detail panel, which only people browsing the list see, this one is seen by every single player who ever joins, every time they join. It is the highest-impression graphic a FiveM server owns.
It is set the same way as the detail banner: sets banner_connecting "https://example.com/connecting.png" in server.cfg, replicated to the client, fetched over HTTPS. The same hosting rules apply and the same cache behaviour applies, so a filename change is how you ship new art.
At 1920x320 the proportions are much friendlier than the detail strip, which changes what belongs in it. There is room for the wordmark at full weight, the tagline underneath and an invite ribbon, and the extra height means the backdrop actually reads as a scene rather than as a texture. Our layout for this format is built from scratch at 1920x320 rather than cropped out of the wide strip, because a crop of a 17:1 composition puts the lockup in the wrong third.
The one layout constraint to respect is the bottom edge. The client draws its connection status text, the progress indicator and the cancel button immediately below the banner, and on short windows the lower rows of the image sit behind them. Keep the lockup in the upper two thirds and treat the bottom sixty pixels as a gradient out, which is how the packs are composed.
The animated version is encoded at 18fps over four seconds with a 200-colour palette and lands under 11MB. The lower frame rate relative to the detail strip is deliberate: the connecting dialog is on screen for twenty seconds or more, so a slow, calm loop wears much better than a fast one.
File size budget
- GIF 18fps, 4.0s, built under 11.0MB
- Direct HTTPS URL, same rules as banner_detail
- Shown above the connection status text, so the lower edge gets covered
- Animated version built under 11MB at 18fps over four seconds
Mistakes that cost people a re-upload
- Reusing the 1865x108 strip here, which leaves the lockup off to one side
- Putting the invite on the bottom edge where the status text covers it
- Encoding a long high-colour GIF, which every joining player waits for
- Forgetting that banner_connecting and banner_detail are two separate convars
FiveM banner_connecting questions
What is the correct banner_connecting size?
1920x320. It is drawn full width above the connection status text, so keep the lockup in the upper two thirds and let the bottom sixty pixels fade out.
Is banner_connecting the same image as banner_detail?
No. They are two separate convars at two very different ratios, 1920x320 and 1865x108. Using one for both leaves the composition off centre in whichever slot it was not designed for.
How long is it on screen?
From the start of the handshake until the player spawns, which on a server with a large resource list can be well over a minute on a first join. A slow loop is better than a busy one.
Designs that suit 1920x320
At 6 to 1 there is room for the full lockup over a real view, so the scenes with depth and a bright horizon band read best.
Downtown Dusk Anime
from $12Downtown Dusk rendered as anime artwork, with live motion, drifting particles and a chromed wordmark. Every format in the catalogue, still and animated.
20 formats, 46 filesDowntown Dusk Grunge
from $12Downtown Dusk rendered as grunge artwork, with live motion, drifting particles and a chromed wordmark. Every format in the catalogue, still and animated.
20 formats, 46 filesDowntown Dusk Painted
from $12Downtown Dusk rendered as painted artwork, with live motion, drifting particles and a chromed wordmark. Every format in the catalogue, still and animated.
20 formats, 46 filesDowntown Dusk Photoreal
from $12Downtown Dusk rendered as photoreal artwork, with live motion, drifting particles and a chromed wordmark. Every format in the catalogue, still and animated.
20 formats, 46 filesNeon Shore Anime
from $12Neon Shore rendered as anime artwork, with live motion, drifting particles and a chromed wordmark. Every format in the catalogue, still and animated.
20 formats, 46 filesNeon Shore Grunge
from $12Neon Shore 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
