This page lists the recommended image size for every place you upload a picture in the panel. Uploading at the right size keeps your artwork sharp and stops it from being cropped or stretched on the player site.
- Size is the recommended pixel dimensions — width × height.
- Shape is the aspect ratio. Keep your important content (logos, text, faces) inside this shape so nothing is cut off.
- Use PNG, JPG, or WebP. For logos, use a PNG or SVG with a transparent background.
| Where | Size | Shape |
|---|
| Carousel Banner — desktop | 1920 × 768 px | 2.5 : 1 (wide) |
| Carousel Banner — mobile | 750 × 300 px | 2.5 : 1 (wide) |
| Promotion Banner | 1280 × 720 px | 16 : 9 (wide) |
| Where | Size | Shape |
|---|
| Event hero | 1200 × 480 px | 2.5 : 1 (wide) |
| Reward image | 140 × 140 px | 1 : 1 (square) |
| Where | Size | Shape |
|---|
| Redeem EXP item | 64 × 64 px | 1 : 1 (square) |
| Tier badge | 256 × 256 px | 1 : 1 (square) |
| Where | Size | Shape |
|---|
| Payment QR code | 180 × 180 px | 1 : 1 (square) |
| Where | Size | Shape |
|---|
| Favicon | 512 × 512 px | 1 : 1 (square) |
| Website logo | 80 px tall, up to 400 px wide | Wide — transparent PNG or SVG |
| Mobile logo | 56 px tall, up to 280 px wide | Wide — transparent PNG or SVG |
| Studio icon | 512 × 640 px | 4 : 5 (portrait) |
- Stay close to the recommended shape. A square picture in a wide slot — or a wide picture in a square slot — gets cropped or boxed in with empty space.
- Logos look best as a transparent PNG or SVG so they sit cleanly on any background.
- Bigger-than-recommended images still work (they are scaled down), but they add load time. Match the recommended size where you can.