Welche Bildgröße brauche ich für ein App-Icon?

Beginne mit einem quadratischen 1024×1024-Bild — das ist die App-Store-Marketinggröße, und jedes kleinere Icon wird daraus erzeugt. PNG, JPEG und WebP funktionieren alle; eine scharfe, quadratische Vorlage liefert das beste Ergebnis.

Wird mein Bild irgendwohin hochgeladen, wenn ich Icons erzeuge?

Nein. Der App-Icon-Generator skaliert dein Bild vollständig in deinem Browser auf deinem eigenen Gerät. Deine Grafiken werden nie zu ArrayKit oder auf einen Server hochgeladen, sodass unveröffentlichte Icons privat bleiben.

Erzeugt er die Xcode-Contents.json?

Ja. Die iOS- und macOS-Sätze kommen als AppIcon.appiconset-Ordner mit einer generierten Contents.json, sodass du den Ordner direkt in deinen Xcode-Asset-Katalog ziehen kannst.

Welche Plattformen und Icon-Größen sind enthalten?

iOS (iPhone und iPad, von 20px bis zum 1024px-App-Store-Icon), macOS (16px bis 1024px) und Android-Mipmap-Dichten (mdpi bis xxxhdpi) plus ein 512px-Play-Store-Icon. Wähle eine beliebige Kombination.

Wie füge ich die Icons zu einem Android-Projekt hinzu?

Kopiere die erzeugten mipmap-*-Ordner in das res/-Verzeichnis deiner App und referenziere ic_launcher; nutze dann playstore-icon.png (512px) für deinen Play-Store-Eintrag.

Kann ich ein nicht-quadratisches Bild verwenden?

Kannst du, aber es wird zuerst mittig auf ein Quadrat zugeschnitten. Für volle Kontrolle beginne mit einem quadratischen (1:1) Design, damit nichts Wichtiges am Rand abgeschnitten wird.

App-Icon-Generator

Verwandle ein einziges 1024×1024-Bild in jede iOS-, macOS- und Android-App-Icon-Größe — direkt in deinem Browser erzeugt und als sofort einsetzbares ZIP heruntergeladen.

Der App-Icon-Generator läuft vollständig in deinem Browser. Dein Quellbild wird auf deinem eigenen Gerät skaliert und nie zu ArrayKit hochgeladen — deine Grafiken verlassen deinen Computer nie.

Öffne den Image Optimizer

Über App-Icon-Generator

Der App-Icon-Generator verwandelt ein einzelnes quadratisches Bild direkt in deinem Browser in jede Icon-Größe, die deine App braucht. Zieh ein 1024×1024-PNG, -JPEG oder -WebP hinein, und er rendert den vollständigen iOS-Satz als AppIcon.appiconset — samt der Xcode-Contents.json — plus einen macOS-Icon-Satz und Android-Mipmap-Dichten (mdpi bis xxxhdpi) mit einem 512px-Play-Store-Icon. Alles lädt als ein einziges ZIP herunter, das du direkt in Xcode oder Android Studio ziehen kannst. Dein Bild wird auf deinem eigenen Gerät skaliert und nie hochgeladen, sodass unveröffentlichte Grafiken privat bleiben. Nicht-quadratische Bilder werden mittig zugeschnitten, und alles unter 1024 wird hochskaliert, sodass eine scharfe quadratische Vorlage das beste Ergebnis liefert. Gebaut für Indie-Entwickler und Design-Teams, die in den App Store und zu Google Play ausliefern.

Funktionen

Ein 1024×1024-Bild rein, jede benötigte Icon-Größe raus
Xcode-fertiges iOS-AppIcon.appiconset mit generierter Contents.json
macOS-Icon-Satz (16px bis 1024px) mit eigener Contents.json
Android-Mipmap-Dichten (mdpi–xxxhdpi) plus ein 512px-Play-Store-Icon
Wähle die Plattformen, die du brauchst — iOS, macOS, Android oder alle drei
Alles in einem einzigen ZIP verpackt, bereit zum Einfügen in dein Projekt
Läuft vollständig in deinem Browser — deine Grafiken werden nie hochgeladen
Hochwertiges Resampling; nicht-quadratische Vorlagen werden mittig zugeschnitten

So verwendest du App-Icon-Generator

Zieh ein quadratisches Bild (1024×1024 empfohlen) auf die Seite.
Wähle die Plattformen, die du anvisierst — iOS, macOS und/oder Android.
Klicke auf Erzeugen, um jede Icon-Größe in deinem Browser zu rendern.
Lade das ZIP herunter und füge die Icon-Sätze in Xcode oder Android Studio ein.

Beispiel

Eingabe

app-icon.png  (1024×1024)

Ausgabe

app-icons.zip  ·  29 icons (iOS + macOS + Android)

Ein Quellbild wird zu einem vollständigen Xcode- + Android-Icon-Satz, in deinem Browser gezippt.

Häufige Fehler & Fehlerbehebung

Die erzeugten Icons wirken weich oder unscharf. — Beginne mit einer Vorlage von mindestens 1024×1024. Kleinere Bilder werden hochskaliert, was Details verwischt — exportiere deine Grafik zuerst in voller Größe.
Mein Bild kommt gestreckt oder seltsam zugeschnitten heraus. — Der Generator schneidet mittig auf ein Quadrat zu. Verwende eine quadratische (1:1) Vorlage oder füge Abstand hinzu, damit nichts Wichtiges am Rand liegt.
Xcode zeigt nach dem Import eine Warnung zu einem fehlenden Icon. — Zieh den gesamten AppIcon.appiconset-Ordner (samt seiner Contents.json) in deinen Asset-Katalog und ersetze damit den vorhandenen AppIcon-Satz.
Der App Store lehnt das Icon wegen Transparenz ab. — App-Store-Icons müssen deckend sein. Lege dein PNG vor dem Erzeugen auf einen festen Hintergrund, damit kein Alphakanal übrig bleibt.

Häufig gestellte Fragen

Welche Bildgröße brauche ich für ein App-Icon?: Beginne mit einem quadratischen 1024×1024-Bild — das ist die App-Store-Marketinggröße, und jedes kleinere Icon wird daraus erzeugt. PNG, JPEG und WebP funktionieren alle; eine scharfe, quadratische Vorlage liefert das beste Ergebnis.
Wird mein Bild irgendwohin hochgeladen, wenn ich Icons erzeuge?: Nein. Der App-Icon-Generator skaliert dein Bild vollständig in deinem Browser auf deinem eigenen Gerät. Deine Grafiken werden nie zu ArrayKit oder auf einen Server hochgeladen, sodass unveröffentlichte Icons privat bleiben.
Erzeugt er die Xcode-Contents.json?: Ja. Die iOS- und macOS-Sätze kommen als AppIcon.appiconset-Ordner mit einer generierten Contents.json, sodass du den Ordner direkt in deinen Xcode-Asset-Katalog ziehen kannst.
Welche Plattformen und Icon-Größen sind enthalten?: iOS (iPhone und iPad, von 20px bis zum 1024px-App-Store-Icon), macOS (16px bis 1024px) und Android-Mipmap-Dichten (mdpi bis xxxhdpi) plus ein 512px-Play-Store-Icon. Wähle eine beliebige Kombination.
Wie füge ich die Icons zu einem Android-Projekt hinzu?: Kopiere die erzeugten mipmap-*-Ordner in das res/-Verzeichnis deiner App und referenziere ic_launcher; nutze dann playstore-icon.png (512px) für deinen Play-Store-Eintrag.
Kann ich ein nicht-quadratisches Bild verwenden?: Kannst du, aber es wird zuerst mittig auf ein Quadrat zugeschnitten. Für volle Kontrolle beginne mit einem quadratischen (1:1) Design, damit nichts Wichtiges am Rand abgeschnitten wird.