Der Generator akzeptiert PNG, JPG/JPEG und WebP. Exportieren Sie die SVG-Datei vor dem Hochladen in Ihrem Designprogramm als ausreichend große quadratische PNG-Datei; das Ändern der Dateiendung konvertiert sie nicht.
App-Icon-Generator für iOS & Android
Erstellen Sie aus einem PNG-, JPG- oder WebP-Design ein Icon-ZIP für iOS oder Android. Exportieren Sie statische PNG-Dateien in verschiedenen Größen, eine Contents.json für iOS und optional runde Android-Icons. Prüfen Sie die Dateien vor der Veröffentlichung in Ihrem Projekt.
Das könnte Ihnen auch helfen:Favicon erstellen·PNG in ICO umwandeln·Bild zuschneiden·Bild komprimieren
Was enthält das App-Icon-Paket?
Verwenden Sie diesen App-Icon-Generator, wenn Sie bereits ein Design haben und PNG-Dateien für ein natives App-Projekt benötigen. Wählen Sie iOS, Android oder beide Plattformen; das ZIP enthält die unten aufgeführten Dateien für die gewählten Plattformen. Es erstellt weder ein neues Logo noch adaptive Icons mit mehreren Ebenen.
| Export | Dateien und Größen | Zielpfad |
|---|---|---|
| iOS | 15 PNG-Dateien von 20×20 bis 1024×1024 sowie Contents.json. Einige Abmessungen wiederholen sich für unterschiedliche Asset-Slots. | ios/AppIcon.appiconset/; enthält Icon-1024.png als App-Store-Grafik. |
| Android-Launcher | 5 quadratische PNG-Dateien mit 48, 72, 96, 144 und 192 px Seitenlänge. | android/mipmap-mdpi/ bis mipmap-xxxhdpi/, jeweils mit ic_launcher.png. |
| Runde Android-Icons | 5 zusätzliche PNG-Dateien in denselben Pixeldichten, wenn „Runde Icons erstellen“ aktiviert ist. | ic_launcher_round.png in jedem Android-mipmap-Verzeichnis. |
| Google Play | 1 PNG-Datei mit 512×512 Pixeln. | android/playstore-icon.png; prüfen Sie vor dem Hochladen die Anforderungen des Stores an Grafiken. |
Dies ist ein Export statischer Bilder. Adaptive Vordergrund- und Hintergrundebenen für Android, XML-Dateien für adaptive Icons, monochrome Ebenen und Dateien für Apple Icon Composer sind nicht enthalten.
Das Design vor dem Erstellen der Größen vorbereiten
PNG, JPG/JPEG und WebP werden unterstützt; eine quadratische Vorlage wird empfohlen. Eine saubere Vorlage mit 1024×1024 Pixeln ist ein sinnvoller Ausgangspunkt für die größte iOS-Ausgabe. Ein kleineres Bild kann vergrößert werden, doch dabei lassen sich fehlende Details nicht wiederherstellen.
Den Bildausschnitt selbst wählen
Nicht quadratische Bilder werden skaliert und mittig zugeschnitten, um jedes quadratische Icon auszufüllen. Verwenden Sie zuerst Bild zuschneiden, wenn das Logo nicht mittig sitzt oder Sie festlegen möchten, welche Randbereiche erhalten bleiben.
Platz um das Symbol lassen
Prüfen Sie das Design in kleinen Größen. Feine Schrift und Details können schwer erkennbar werden, und die optionale kreisförmige Maske kann Bildteile nahe den Ecken abschneiden.
Einen weißen Hintergrund einplanen
Transparente Bereiche der Vorlage werden in den standardmäßigen PNG-Icons weiß gefüllt. Runde Android-Varianten erhalten anschließend eine kreisförmige Maske, sodass die Ecken außerhalb des Kreises transparent bleiben.
Laden Sie ein fertiges Design ohne bereits angewendete abgerundete Außenmaske hoch. Bewahren Sie Ihre Originalgrafik auf, damit Sie Bildausschnitt, Ränder oder Hintergrund später anpassen können.
App-Icons erstellen und als ZIP herunterladen
1
Ausgangsbild hochladen
Wählen Sie PNG, JPG/JPEG oder WebP. Prüfen Sie, ob das Motiv mittig sitzt und die Vorlage für die größte benötigte Ausgabe scharf genug ist.
2
Zielplattform auswählen
Wählen Sie „iOS + Android“, „Nur iOS“ oder „Nur Android“. Entscheiden Sie bei einem Android-Export, ob Sie die optionalen runden PNG-Varianten einschließen möchten.
3
Erstellen und herunterladen
Wählen Sie „App-Icons erstellen“, warten Sie auf das Ende der Verarbeitung und laden Sie dann das ZIP-Paket herunter. Entpacken Sie es, um die Bilder und die Ordnerstruktur zu prüfen.
4
Im Projekt prüfen
Prüfen Sie die iOS-Asset-Slots oder die Android-Ressourcenverweise in Ihren Entwicklungswerkzeugen. Kontrollieren Sie die Vorschau kleiner Icons und führen Sie vor der Veröffentlichung die Validierung der jeweiligen Plattform durch.
Dateien in Xcode oder einem Android-Projekt verwenden
Entpacken Sie das ZIP zunächst in einen temporären Ordner. Fügen Sie die benötigten Dateien hinzu, statt ein ganzes vorhandenes Ressourcenverzeichnis zu ersetzen.
iOS-Asset-Katalog
Prüfen Sie AppIcon.appiconset und die zugehörige Contents.json. Fügen Sie die Bilder anschließend zum App-Icon-Asset in Xcode hinzu oder ordnen Sie sie dort zu. Prüfen Sie Target, erforderliche Asset-Slots und Build-Warnungen anhand von Apples Anleitung zum Asset-Katalog.
Android-Ressourcen
Kopieren Sie die ausgewählten mipmap-Bilder in die passenden Ressourcenverzeichnisse und prüfen Sie die Launcher-Verweise in Ihrem Projekt. Wenn die App adaptive Icons verwendet, bereiten Sie deren Ebenen separat vor und konfigurieren Sie sie; runde PNG-Dateien ersetzen keine Android-Ressourcen für adaptive Icons.
Store-Grafiken und die Launcher-Icons installierter Apps werden an unterschiedlichen Stellen verwendet. Prüfen Sie die Google-Play-Vorgaben für Icons, bevor Sie playstore-icon.png verwenden.
Fragen zum App-Icon-Export
Nein. Es skaliert ein von Ihnen bereitgestelltes Bild und verpackt die Ergebnisse. Erstellen Sie zuerst die Grafik und verwenden Sie diese Seite anschließend zum Exportieren der statischen Icon-Ressourcen.
Verwenden Sie den Favicon-Generator für ein Website-Icon-Paket. Für ICO-Icons aus einer PNG-Datei verwenden Sie PNG in ICO. Entpacken Sie anschließend das heruntergeladene ZIP und wählen Sie die benötigte ICO-Datei. Diese Seite exportiert Ressourcen für native iOS- und Android-Projekte.
Bilder werden hochgeladen und auf dem Server verarbeitet. Temporäre Uploads und Ergebnisse sind zur Löschung vorgesehen. Laden Sie das Paket daher herunter, sobald es bereitsteht, und bewahren Sie Ihr Ausgangsbild auf. Der Dienst ist kein dauerhafter Dateispeicher.