Store Assets Guide

Complete guide for creating app icons, screenshots, and marketing materials for App Store and Google Play.

App Icons
Screenshots
Feature Graphics
Video Previews
Design Tools

App Icons

iOS App Icon

Asset	Size	Usage
App Icon	1024 x 1024 px	App Store
App Icon	180 x 180 px	iPhone (@3x)
App Icon	120 x 120 px	iPhone (@2x)
App Icon	167 x 167 px	iPad Pro
App Icon	152 x 152 px	iPad

iOS Requirements:

PNG format
No transparency (alpha channel)
No rounded corners (iOS adds automatically)
sRGB or P3 color profile
No layers or badges

Android App Icon

Asset	Size	Usage
Adaptive Icon Foreground	432 x 432 px	Main icon
Adaptive Icon Background	432 x 432 px	Background layer
Legacy Icon	512 x 512 px	Older devices
Play Store Icon	512 x 512 px	Google Play listing

Android Requirements:

PNG format (32-bit with alpha)
Adaptive icon: foreground + background layers
Safe zone: 66dp diameter circle in center
Full bleed: 108dp x 108dp

Configuration in app.json

{
  "expo": {
    "icon": "./assets/images/icon.png",
    "ios": {
      "icon": "./assets/images/ios-icon.png"
    },
    "android": {
      "adaptiveIcon": {
        "foregroundImage": "./assets/images/adaptive-icon.png",
        "backgroundColor": "#FFFFFF"
      }
    }
  }
}

Icon Design Guidelines

Do:
  - Use simple, recognizable shapes
  - Ensure readability at small sizes
  - Use bold colors with good contrast
  - Make it unique and memorable
  - Test on different backgrounds

Don't:
  - Include text (unless it's a logo)
  - Use photos
  - Include borders or shadows (iOS adds these)
  - Copy other app icons
  - Use transparency on iOS

Screenshots

iOS Screenshot Sizes

Device	Portrait	Landscape
iPhone 6.7" (14 Pro Max)	1290 x 2796	2796 x 1290
iPhone 6.5" (11 Pro Max)	1242 x 2688	2688 x 1242
iPhone 5.5" (8 Plus)	1242 x 2208	2208 x 1242
iPad Pro 12.9" (6th gen)	2048 x 2732	2732 x 2048
iPad Pro 12.9" (2nd gen)	2048 x 2732	2732 x 2048

iOS Screenshot Requirements:

PNG or JPEG format
RGB color space
72 dpi minimum
Maximum 10 screenshots per device
First 3 screenshots most important (visible in search)

Android Screenshot Sizes

Type	Minimum	Maximum	Aspect Ratio
Phone	320 px	3840 px	16:9 or 9:16
7" Tablet	320 px	3840 px	16:9 or 9:16
10" Tablet	320 px	3840 px	16:9 or 9:16

Android Screenshot Requirements:

PNG or JPEG format
No alpha/transparency
Minimum 2 screenshots
Maximum 8 screenshots per form factor

Screenshot Best Practices

1. Show Key Features

Screenshot 1: Hero shot - Main value proposition
Screenshot 2: Key feature #1
Screenshot 3: Key feature #2
Screenshot 4: Key feature #3
Screenshot 5: Social proof or additional features

2. Add Context with Text

Headline:
  - Short, benefit-focused
  - Max 5-7 words
  - Large, readable font

Subheadline (optional):
  - Supporting detail
  - Smaller font

Example Headlines:
  - "Track Your Progress"
  - "Connect with Friends"
  - "Save Time Every Day"
  - "Beautiful Analytics"

3. Design Template Structure

┌─────────────────────────┐
│                         │
│    HEADLINE TEXT        │  <- Top 20% for text
│    (Large, Bold)        │
│                         │
├─────────────────────────┤
│                         │
│                         │
│    DEVICE MOCKUP        │  <- Center 60% for device
│    with App Screen      │
│                         │
│                         │
├─────────────────────────┤
│                         │
│   (Optional subtext)    │  <- Bottom 20% optional
│                         │
└─────────────────────────┘

4. Color and Style Consistency

Background:
  - Use brand colors
  - Gradients work well
  - Avoid pure white (blends with store)

Typography:
  - 1-2 font families max
  - Consistent sizing across screenshots
  - High contrast for readability

Device Frames:
  - Optional but professional
  - Use latest device models
  - Consistent frame style

Screenshot Localization

Languages to Consider:
  - English (US)
  - English (UK)
  - Spanish
  - French
  - German
  - Japanese
  - Korean
  - Chinese (Simplified)
  - Chinese (Traditional)
  - Portuguese (Brazil)

Tips:
  - Translate text overlays
  - Show localized app content
  - Consider cultural differences
  - Adjust text length for different languages

Feature Graphics

Google Play Feature Graphic

Asset	Size
Feature Graphic	1024 x 500 px

Requirements:

PNG or JPEG
No transparency
Used prominently in Play Store
Most important marketing asset for Android

Design Guidelines:

┌─────────────────────────────────────────┐
│                                         │
│   LOGO        HEADLINE TEXT             │
│   or          "Your App's              │
│   ICON        Main Benefit"             │
│                                         │
│        [App Screenshot Preview]         │
│                                         │
└─────────────────────────────────────────┘

Do:
  - Include app name/logo
  - Show a key app screen
  - Use brand colors
  - Keep it simple and bold

Don't:
  - Overload with text
  - Use low-quality images
  - Include "New" or "Sale" badges
  - Show pricing information

App Store Promotional Art (Optional)

Asset	Size	Usage
Promotional Art	1024 x 1024 px	Featured placements

Video Previews

iOS App Preview

Device	Size	Duration
iPhone 6.7"	1290 x 2796	15-30 sec
iPhone 6.5"	886 x 1920	15-30 sec
iPad Pro 12.9"	1200 x 1600	15-30 sec