If you've ever uploaded a Roblox thumbnail and watched your title get cut off, or uploaded a game pass icon and realised the important part got cropped into a circle, this one's for you. Here are the sizes that matter, why each one behaves the way it does, and a quick workflow to export them correctly.
The cheat sheet
| Asset | Upload size | Aspect ratio | How Roblox shows it |
|---|---|---|---|
| Experience thumbnail | 1920×1080 | 16:9 | On your experience page, and in search and sorts |
| Experience (game) icon | 512×512 | 1:1 | Rounded corners on the home page and in search |
| Game pass icon | 512×512 (design size) | 1:1 | Shown small (about 150×150) and cropped to a circle |
| Badge icon | 512×512 | 1:1 | Cropped to a circle |
PNG or JPG both work. Use PNG when you have text or hard edges, and JPG for busy, photo-like scenes, to keep the file small.
Thumbnails (1920×1080)
Your thumbnail is the first thing people see on your experience page, so treat it like a YouTube thumbnail:
- Design at 1920×1080. Smaller images get upscaled and look soft. Bigger is fine, as long as the ratio stays 16:9.
- Keep text and faces in the middle. On phones and in smaller layouts, the edges are the first thing to get lost. A safe zone of about 10% on every side is a good habit.
- One idea per thumbnail. One character, one action, one short word or no text at all. At small sizes, busy scenes turn into noise.
- Contrast beats detail. A bright subject on a darker or blurred background reads better at small sizes than a perfectly detailed scene.
Icons (512×512)
The icon is what people see in sorts and search, often tiny on a phone screen.
- Fill the square. Don't leave a big empty border, because it just makes your icon look smaller than everyone else's.
- Avoid text in the corners. Roblox rounds the corners, so anything there can get clipped.
- Test it small. Zoom out until the icon is about 100px wide. If you can't tell what the game is, simplify it.
Game passes and badges (512×512, cropped to a circle)
These two catch people out the most, because Roblox crops them to a circle:
- Keep the subject inside a centred circle. The corners of your square will not be visible.
- Game pass icons are displayed very small, so one bold object (a sword, a crown, "2x") works better than a scene.
- Thick outlines and saturated colours survive the downscale. Thin lines and small text don't.
A quick export workflow
- Start from a template at the exact size, with the safe zone or circle marked, so you design inside it instead of guessing.
- Crop your final art to the exact pixels. Don't stretch it. If your art is a different ratio, crop to 16:9 or 1:1 rather than squashing it.
- Preview it at real size before uploading. A 1920×1080 image looks very different at 300px wide.
Free, no-login tools that help with each step:
- Exact-size PNG templates with safe-zone and circle guides: https://bloxgfx.com/tools/templates
- A browser-based resizer that crops to Roblox sizes with a safe-zone overlay: https://bloxgfx.com/tools/image-resizer
- A preview that shows your icon or thumbnail next to real games, as it would appear on Roblox: https://bloxgfx.com/tools/icon-preview
- The full size reference with every format: https://bloxgfx.com/roblox-image-sizes
Common mistakes
- Uploading a screenshot as-is. A screenshot from your game rarely makes a good thumbnail. Crop it, add contrast, and frame a single subject.
- Text at the edges. It's the first thing to get cut off or become unreadable.
- Square art for thumbnails, or wide art for icons. Stretching to fit always looks wrong. Re-frame it instead.
- Ignoring the circle on badges and game passes. Check your design with a circle mask before you upload.
TL;DR
- Thumbnail: 1920×1080 (16:9), with the subject centred.
- Icon: 512×512, filling the square, with nothing important in the corners.
- Game pass and badge: 512×512, designed for a circle crop. Keep it bold and simple.
Disclosure: I'm part of the team behind BloxGFX, which makes the free tools linked above. The tools are free and don't need an account. We also make an AI generator for Roblox thumbnails and icons, if you'd rather not design them by hand.
Top comments (0)