Graphics packs
Graphics packs for FiveM
One design, cut to every slot your server shows up in: the server list strip, the Discord header, the stream art, each composed for its own crop.
From $12.00124 designs · 20 formatsBrowse the designs
FREE TOOL · RUNS IN YOUR BROWSER
FiveM script thumbnail creator
Drop in a screenshot, type a title and a tagline, and get the whole release kit in one go: the cfx release banner for your forum topic, a FiveM YouTube thumbnail for the showcase video, the Discord embed image, the Tebex banner at a size that will not get cropped, a square icon and the 96×96 PNG the server list actually requires. Every pixel is drawn by this tab — nothing is uploaded to us.
Drop your screenshots here
One is enough. Two or three unlock the multi-shot layouts. Nothing is uploaded — the artwork is drawn by this tab and the zip is built here too.
1920×1080
Waiting for the fonts…
Measured on the live Releases feed: of 136 images in the newest 24 release topics, 50 are exactly 1920×1080 and almost every other wide one is 1920 across. Discourse then rewrites the inline copy to 690 px and builds the topic card at 1024×576.
Words
Layout
The square icon and the 96×96 server icon ignore this and use the centred layout, because a side panel in a 96 pixel square is four pixels of colour.
Colour
Export scale
3× turns the YouTube thumbnail into the 3840×2160 its own help page asks for. The server icon stays 96×96 at every setting.
Finish
The guide is preview only. It is never drawn into a download.
Cfx.re release banner1920×1080 · 16:9The first image in your forum.cfx.re release topic
YouTube thumbnail1280×720 · 16:9The custom thumbnail on your showcase video
Discord embed image1200×630 · 1.91:1The large image on a webhook embed, and the link preview of your topic
Tebex package image1920×1080 · 16:9The package card and carousel on your Tebex store
Square icon512×512 · 1:1GitHub, your Discord server, a Tebex category tile
FiveM server icon96×96 · 1:1load_server_icon in server.cfg
THE SIZES
Where each number comes from
We looked these up rather than guessing, and two of the five are not what people assume.
| Export | Pixels | Why that size |
|---|---|---|
| Cfx.re release banner | 1920×1080 | Measured on the live Releases feed: of 136 images in the newest 24 release topics, 50 are exactly 1920×1080 and almost every other wide one is 1920 across. Discourse then rewrites the inline copy to 690 px and builds the topic card at 1024×576. |
| YouTube thumbnail | 1280×720 | YouTube asks for 16:9 with a minimum width of 640 px. Its own help page now recommends 3840×2160, which is this canvas at 3× — 1280×720 is the long-standing safe size and stays well inside the 2 MB mobile upload cap. |
| Discord embed image | 1200×630 | Discord publishes no embed image size — its developer reference only passes width and height through. What it actually reads from a shared link is og:image, and the Open Graph guidance is at least 1200×630, kept near 1.91:1, under 8 MB. Our own card is 1200×630 for the same reason. |
| Tebex package image | 1920×1080 | The one destination with no useful published size. Tebex documents the store logo (PNG or WEBP, min width 500 px, max 5 MB) and the favicon (min 25×25), and for the package image itself only "Use PNG ≤165px height" — guidance left over from the old templates. 1920×1080 is what script stores upload, and a 16:9 file downscales into every template without a crop. |
| Square icon | 512×512 | The common denominator for the square slots around a release: Discord server and application icons, a GitHub organisation avatar, a Tebex category tile. 512×512 is the largest of those and downsamples cleanly to 128 and 64. |
| FiveM server icon | 96×96 | The only size in this list that the game itself fixes. The Cfx.re server manual says of load_server_icon: "The icon needs to be a 96x96 PNG file." Anything else is ignored, so this one never scales with the multiplier. |
The one that bites people: 1920 is not about looking sharp
The cfx.re forum runs Discourse, and Discourse rewrites every inline image to 690 pixels wide before anyone sees it. Your beautiful 4K banner is served to the reader as a 690 pixel thumbnail with a lightbox behind it, and the topic list card is a 1024×576 crop. So the reason to upload 1920×1080 is not sharpness — it is that the 2× retina version and the card crop both come out of that one file. The reason your title matters more than your screenshot is that it has to survive being shown at 690 pixels across. If the type is not readable at a third of the size, the banner does not work, which is why every layout here keeps it large and out of the corners.
HOW TO USE IT
From one screenshot to a finished release post
Five minutes, and the order matters more than you would think.
1. Take the screenshot for the banner, not for yourself
Press F12 in a well-lit spot with the HUD hidden and the camera low. You need empty space in the bottom third for the type to sit on — a shot where the action fills every corner has nowhere for a title to go. Two or three shots unlock the two-up and three-up layouts, which is what you want when the script has both a UI and an in-world half.
2. Write the title before you pick a layout
Three or four words. "Advanced Garage" reads at 690 pixels; "Advanced Garage System with Impound and Keys" does not, and the fitter will shrink it until it is grey mush. Put the detail in the tagline, which is allowed to be a full line, and keep the badge to one word — a price, FREE, or a version number.
3. Set the scrim before you fiddle with colour
Push the strength up until the title separates cleanly from the screenshot, then stop. A screenshot with a bright sky needs a lot; a night interior needs almost none. This one slider decides whether the banner reads, and no amount of colour picking fixes a title sitting on an unscrimmed daylight sky.
4. Check the square sizes before you export
Click through to the square icon and the server icon tabs. They drop your layout and your tagline on purpose, and the 96×96 draws a mark only. If the mark is wrong, shorten the badge — it is the badge, or the first letters of the title, that ends up in it.
5. Export at 1× unless you have a reason
1× is already the recommended size for four of the six. Go to 3× only for the YouTube thumbnail, where it produces the 3840×2160 that Google's own help page now asks for. Remember the upload caps while you are up there: Discourse stops at 10 MB, YouTube at 2 MB from a phone, Open Graph images at 8 MB.
6. Put the right file in the right place
The banner goes first in the forum post, above the feature list. The square icon is your Discord server and GitHub avatar. The 96×96 goes beside server.cfg with load_server_icon yourfile.png added — and that name is case sensitive, which is the usual reason an icon never appears.
Why the small sizes throw your words away
Every export enforces a legibility floor: a tagline that would land under about 11 pixels, or a title under about 15, is dropped rather than drawn. It looks severe in the preview and it is deliberate — a 96×96 server icon with a sentence crushed into it reads as a smudge in the server list, which is worse than a clean two-letter mark. The preview is rendered at reduced size but the floors are scaled with it, so what you see dropped in the preview is exactly what is dropped in the file.
QUESTIONS
About FiveM release artwork
What size should a FiveM script thumbnail be?
There is no single answer, which is the whole problem — every destination wants its own. The Cfx.re forum shows whatever you upload at 690 px wide inline and builds the topic card at 1024×576, and the releases people actually post are overwhelmingly 1920×1080. YouTube wants 16:9 with a minimum width of 640 and now recommends 3840×2160. Discord reads og:image, so 1200×630 at roughly 1.91:1. Tebex publishes nothing useful for the package image. The FiveM server icon is the one hard rule: exactly 96×96. This tool exports all six from one design rather than making you resize five times.
What is the right size for a cfx.re release banner?
Upload 1920×1080. The forum runs Discourse, which rewrites your inline image to 690 px wide by default and generates a 1024×576 version for the topic list card, so anything above 1920 is bytes nobody downloads — and Discourse caps uploads at 10 MB. We checked the live Releases feed: of 136 images across the newest two dozen release topics, 50 were exactly 1920×1080, and nearly every other landscape image was 1920 across. The practical consequence is that your title has to read at 690 px wide, which is why the layouts here keep the type big and never put it in a corner.
Why does my title disappear on the small sizes?
Because it would be unreadable, and shipping unreadable type is worse than shipping none. The tool enforces a floor: a tagline below about 11 px and a title below about 15 px are dropped rather than rendered as grey mush. At 96×96 — the FiveM server icon — nothing but a mark fits, so that export draws the badge, or the initials of the title, and nothing else. If you want more on the square sizes, shorten the title to two or three words and it will grow back.
What is the safe area for and why is my text inside it?
Because none of these five destinations shows your full rectangle. Discourse crops the topic card to 16:9 from a 1.91:1 upload, Discord trims link previews on narrow clients, YouTube drops a duration pill over the bottom right corner, and a Tebex template may crop to its own card ratio. Anything that matters belongs inside the dashed guide. The guide is a preview overlay only — it is never drawn into the file you download.
Does the gradient scrim actually matter?
It is the difference between a banner that reads and one that does not. A GTA screenshot has no reliable dark area: a night shot is already dark, a Vinewood daylight shot is a bright sky, and a UI screenshot is mostly mid grey. White type over any of them fails somewhere. The scrim lays a controlled darkening under the text only, so the title keeps the same contrast whatever you drop in. Six stops rather than two, because a two-stop gradient bands visibly on a flat sky — and the optional grain exists to kill the last of that banding.
Are my screenshots uploaded anywhere?
No. Every pixel is drawn by a canvas element in this tab, and the zip is assembled in the same tab. Nothing is sent to our server, there is no account, and the page keeps working with the network off once it has loaded. That also means your unreleased script stays unreleased.
Can I use these on a paid release?
Yes. The output is your screenshot and your words — we add no watermark, claim nothing, and put no limit on commercial use. Worth knowing for Tebex specifically: their own package guidance asks for high quality images, a clear title, consistent styling across your library and no night shots, which is advice about what you put in rather than what pixel size you hand them.
MORE
The rest of the release
The texture packer
Prepare a folder of images into a texture dictionary: power-of-two resizing, mipmaps, DXT1 and DXT5 DDS files, the memory cost of each choice and the CodeWalker import file that turns them into a .ytd.
The fxmanifest.lua generatorThe manifest that ships with the release: script order that works, a ui_page whose files list will not load blank, and data_file entries from the published list.
The inventory icon makerIf the release adds items, this trims and squares the icons and writes the matching items.lua for ox_inventory, qb-core and ESX.
All the free toolsThe interactive map, the hash calculator, the animation list and the reference tables.
ALSO FREE
Tools that go with this one
Picked because they touch the same files, natives or part of the game.
FROM THE SHOP
What we build when it is not free
The free tools and the paid work come out of the same place. These are the lines closest to what this page is about.
Grand opening: 25% off every product with FAM-261023-261025-UL4B9, until 25 October. It is applied at checkout.
Loading screens
Loading screens for FiveM
The one screen every player sees on every connect. Drag widgets onto a canvas, drop in a video background, and point your server at a single URL we host.
Free50 live widgets · 30 fontsOpen the screen builder
Weapon skins
Weapon skins for FiveM
Put your own artwork on any model in the library and export it as its own resource, inventory icons cut to match. The first one costs nothing.
Free538 weapon modelsOpen the weapon library