Größen für iOS und Android
Welche Dateien jede Plattform braucht, wo sie im Projekt liegen und wie ein Master-Icon in jeder Größe hält.
So erzeugst du das Paket
- Master-Icon hochladen: ein quadratisches PNG mit mindestens 1024 × 1024 Pixeln liefert die schärfsten Ergebnisse. JPG und WebP gehen ebenfalls.
- Pakete wählen: iOS, Android, Store-Einträge oder eine beliebige Kombination.
- ZIP erzeugen und speichern: ein ZIP mit einem Ordner je Plattform und einer README, die jede Datei auflistet.
Größen unter iOS
Apple braucht ein großes Icon mit 1024 × 1024 für den App Store und kleinere Fassungen für den Home-Bildschirm, die Spotlight-Suche, die Einstellungen und die Mitteilungen. Jede kommt in @2x und @3x für unterschiedliche Pixeldichten. Apple lehnt Icons mit Transparenz ab, deshalb füllt dieses Werkzeug durchsichtige Flächen der iOS- und Store-Icons mit Weiß.
| Verwendung | Größe (px) | Dateiname |
|---|---|---|
| App Store | 1024 × 1024 | AppStore-1024.png |
| iPhone-App @3x / @2x | 180 / 120 | [email protected], [email protected] |
| iPad-Pro-App | 167 | [email protected] |
| iPad-App @2x / @1x | 152 / 76 | [email protected], Icon-76.png |
| Spotlight | 120 / 80 / 40 | [email protected] und weitere |
| Einstellungen | 87 / 58 / 29 | [email protected], [email protected], Icon-29.png |
| Mitteilungen | 60 / 40 | [email protected], [email protected] |
In Xcode öffnest du den Asset-Katalog, wählst das AppIcon-Set und ziehst jedes PNG auf den Platz mit der passenden Größe. Neuere Xcode-Versionen können alle Größen auch aus dem einzelnen 1024-px-Icon bauen.
Launcher-Größen unter Android
Android wählt ein Launcher-Icon aus dem Dichte-Ordner, der zum Bildschirm passt. Kopier die mipmap-*-Ordner aus dem ZIP nach app/src/main/res/, dann liegt jedes ic_launcher.png am richtigen Platz. Android-Icons behalten ihre Transparenz.
| Dichte-Ordner | Größe (px) |
|---|---|
| mipmap-xxxhdpi | 192 × 192 |
| mipmap-xxhdpi | 144 × 144 |
| mipmap-xhdpi | 96 × 96 |
| mipmap-hdpi | 72 × 72 |
| mipmap-mdpi | 48 × 48 |
| Google-Play-Eintrag | 512 × 512 |
Ab Android 8 gibt es adaptive Icons mit getrennten Vorder- und Hintergrundebenen. Dafür brauchst du zwei Grafiken, sie gehören nicht in dieses Paket. Die PNGs hier funktionieren als übliches Launcher-Icon auf allen Android-Versionen.
Hinweise für ein Master-Icon, das mitwächst
- Beginn bei 1024 × 1024 oder größer, damit nichts hochskaliert werden muss.
- Halt die Grafik einfach. Feine Details und kleiner Text verschwinden bei 29 oder 48 Pixeln.
- Lass etwas Rand. iOS rundet die Ecken, viele Android-Launcher schneiden auf einen Kreis zu.
- Für iOS einen deckenden oder verlaufenden Hintergrund statt Transparenz.
Brauchst du andere Maße, etwa ein Vorschaubild oder ein Banner? Versuch Bildgröße ändern. iPhone-Fotos in HEIC? Wandle sie mit dem HEIC-Konverter um.