Practical Guide
Practical guide to app store assets
Clear, consistent visuals help users understand an app quickly. This workflow gives independent developers, small teams, and designers a practical starting point before store submission.
How to prepare an app icon
- Start with a square source image of at least 1024×1024; never upscale an already compressed icon.
- Keep the subject away from edges and avoid fine text that disappears at small sizes.
- Use an opaque PNG for the iOS store icon and normally leave the outer shape square for the system mask.
- After downloading the ZIP, check legibility on a real home screen, light and dark backgrounds, and small notification sizes.
| Use | Recommended / output size | Notes |
|---|---|---|
| App Store artwork | 1024×1024 | High-quality square PNG; avoid transparency |
| Google Play icon | 512×512 | Store listing icon, separate from adaptive launcher assets |
| Android Launcher | 48–192 px | Common mipmap sizes from mdpi to xxxhdpi |
| Web / PWA | 16–512 px | Includes common favicon, Apple Touch Icon, and PWA sizes |
Google Play feature graphic essentials
A Google Play feature graphic uses a 1024×500 canvas and should be a JPEG or 24-bit PNG. It can appear in different placements or under interface overlays, so keep the composition simple and important copy away from the edges.
- Keep the headline to one or two lines and maintain strong contrast against the background.
- Avoid fake download buttons, rankings, prices, and promotional claims that quickly become outdated.
- Make sure logos, screenshots, and hero artwork accurately represent the real app experience.
Turn screenshots into a connected story
Use the first screenshot to communicate the core value, then reveal features, data, and use cases in sequence. Consistent type, color, and device frames create a coherent brand story, while every screen should still make sense on its own.