Images & Colors
Backgrounds
Custom background images for your playable ad.
Custom background images for your playable ad.
Background Types
Different screens may have different background options:
| Screen | Background Type |
|---|---|
| Main gameplay | Full-screen image |
| Loading screen | Solid color or image |
| End cards | Image behind content |
| UI panels | Decorative frames |
Background Options
The scene background supports more than a static image:
| Option | What It Does |
|---|---|
| Solid color | A single flat color |
| Gradient | A smooth blend between two colors |
| Image | A full-screen PNG or JPG |
| Video | A looping background video |
| Dynamic position | Lock the background to a part of the gameplay and offset it |
| Responsive sizing | The background scales to fill the screen across camera angles — no black edges or cropped edges |
Tip: When you change the camera angle, the background stays responsive and fills the frame. Keep important detail away from the edges so nothing critical is cropped on different screen sizes.
Changing Backgrounds
- Find the background setting in the dashboard
- Upload your new background image
- Preview how it looks with other elements
- Adjust if needed
- Save
Background Requirements
| Property | Recommendation |
|---|---|
| Size | 1920 x 1080 pixels (landscape) or 1080 x 1920 (portrait) |
| Format | JPG for photos, PNG for graphics |
| File size | Under 1MB ideal, max 2MB |
| Resolution | 72-150 DPI for web |
Background Tips
Match the Orientation
- Portrait mode - 1080 x 1920 px (tall)
- Landscape mode - 1920 x 1080 px (wide)
Check which orientation your ad uses before designing backgrounds.
Consider Content Overlap
UI elements will appear on top of the background:
- Keep the center relatively simple
- Avoid important details where buttons will be
- Use darker or lighter areas where text appears
- Test readability with actual content
Create Visual Hierarchy
- Darker areas behind light text
- Lighter areas behind dark text
- Less busy areas behind important buttons
Display Options
Some backgrounds offer display settings:
| Option | Best For |
|---|---|
| Stretched | Photos, gradients |
| Tiled | Repeating patterns |
| Centered | Logos, focal images |
Background Ideas
- Brand gradient - Your brand colors fading together
- Product photo - Your app or game in action
- Abstract pattern - Shapes in brand colors
- Subtle texture - Adds depth without distraction
- Solid color - Clean and professional
Troubleshooting
| Problem | Solution |
|---|---|
| Background looks stretched | Use correct aspect ratio |
| Text hard to read | Darken/lighten background, add text shadow |
| File too large | Compress or reduce dimensions |
| Image looks pixelated | Upload higher resolution source |
Related
- Logos & Icons - Logo placement over backgrounds
- Colors & Themes - Solid color backgrounds