# App Icon & Splash Screen

> Adaptive icons, the splash screen, and the sizes Android actually uses.

- **Applies to:** AppMint and Appwright
- **Source:** the Integration Guide shipped inside the app; this page is generated from it.
- **HTML:** https://freewebtoapk.com/docs/app-icon-and-splash-screen

Image Size Requirements & Best Practices

### 1. App Icon - Required Size

The app icon is resized to multiple densities automatically. For the best result:

✅ Size: 512 × 512 pixels  
✅ Format: PNG with transparency (ARGB)  
✅ Shape: Square (1:1 aspect ratio)

⚠️ Non-square images are automatically center-cropped before scaling. This means edges and sides outside the center square WILL be cut off. Always use a square image to avoid unwanted cropping.

```
Recommended: 512 × 512 px PNG

Images larger than 4096 × 4096 px are rejected.
Non-square images → center-cropped to square → scaled to 512×512.
```

### 2. App Icon - What Happens Internally

After you upload your icon, the generator creates icons at all required Android densities:

- mdpi  - 48 × 48 px
- hdpi  - 72 × 72 px
- xhdpi - 96 × 96 px
- xxhdpi - 144 × 144 px
- xxxhdpi - 192 × 192 px

Starting from a sharp 512×512 source ensures all densities are crisp. Using a smaller source (e.g. 96×96) will result in blurry icons on high-density screens.

```
Source: 512 × 512 px
  → mdpi   (48px)    ✅ crisp
  → hdpi   (72px)    ✅ crisp
  → xhdpi  (96px)    ✅ crisp
  → xxhdpi (144px)   ✅ crisp
  → xxxhdpi(192px)   ✅ crisp
```

### 3. Splash Screen Image - Required Size

The splash screen image fills the entire screen background. For the best result:

✅ Size: 1080 × 1920 pixels  
✅ Aspect ratio: 9:16 (portrait)  
✅ Format: PNG

⚠️ Images with a different aspect ratio will appear stretched or cropped on most phone screens. A 9:16 image fits nearly all Android phones without distortion.

```
Recommended: 1080 × 1920 px PNG (9:16 portrait)

Common wrong sizes that cause stretching:
  ❌ 1080 × 1080 (square)
  ❌ 1920 × 1080 (landscape)
  ❌ 512 × 512   (too small / wrong ratio)
```

### 4. Splash Screen - Design Tips

Since the splash image fills the whole screen, follow these design guidelines:

- Place your logo/branding in the center of the image - safe zone is roughly 600×600 px in the middle
- Keep edges simple (solid color or gentle gradient) so they look good if slightly cropped on unusual screen ratios
- Avoid putting important text near the very top or bottom - status bar and navigation bar may overlap these areas
- Use PNG-24 (24-bit with alpha) for sharp results

### 5. No Splash Image - Color Only Mode

If you don't upload a splash image, the splash screen will show:

- A solid background using your chosen splash color
- Your app icon in the center
- Your app name below the icon

This is the default mode and looks professional on all screen sizes without any image size concerns.

### 6. Quick Checklist Before Generating

Before you tap Generate, confirm:

☑️ Icon is exactly square (equal width and height)  
☑️ Icon is at least 512 × 512 px  
☑️ Icon is saved as PNG  
☑️ Splash image is 1080 × 1920 px (or any 9:16 ratio)  
☑️ Splash image is saved as PNG  
☑️ Logo/branding centered in the splash image  
☑️ No critical content near splash image edges