Kostenloser App-Icon-Resizer für iOS, Android und Web
Lade ein quadratisches Icon hoch, stelle Rand und Hintergrund ein und lade fertige Pakete für iOS, Android, macOS, watchOS, Windows, Chrome und PWA herunter. Dein Bild verlässt den Browser nicht.
Click or drag image to upload
Supports PNG, JPG, WebP, SVG (Recommended 1024×1024)
Prevents the icon glyph from touching platform circular or rounded cutouts.
Upload an icon to preview platform mockups
Supported Platform Deliverables
18 icons + Contents.json
mipmap-*, round & Play Store
10 icons + Contents.json
17 watch screen sizes
favicon.ico, apple-touch, PWA
16~128 + Manifest V3
Apple modern .icon bundle
app.ico & VisualAssets
App-Icon in 3 Schritten skalieren
Von einem Master-Bild zu allen store-fertigen Größen, ohne Design-Tools und ohne Uploads.
- 1
Master-Icon hochladen
PNG, JPG, WebP oder SVG hineinziehen. Ein 1024x1024-Master liefert in jeder Ausgabegröße das schärfste Ergebnis.
- 2
Rand und Hintergrund setzen
Füge eine Safe-Zone-Rand hinzu, damit Gerätemasken deine Form nicht beschneiden, und fülle Transparenz mit einer Hintergrundfarbe für Stores, die deckende Icons verlangen.
- 3
Plattformen wählen und herunterladen
iOS, Android, Web oder alle acht Ziele wählen und ein ZIP mit korrekt benannten Ordnern, Contents.json-Dateien und Manifest-Snippets laden.
App-Icon-Größen für iOS, Android und Web
Store-Prüfungen laufen über harte Zahlen, bevor jemand dein Design sieht. Das erwartet jedes Ziel, und das erzeugt dieser Icon-Resizer aus einem Master.
| Ziel | Einzureichende Größen | Formatregeln |
|---|---|---|
| App Store (iOS) | 1024x1024 px Master | PNG, ohne Alpha, eckige Kanten |
| iPhone- und iPad-Startbildschirm | 18 Dateien von 20x20 bis 1024x1024 | Xcode leitet seit Xcode 14 alle Größen ab |
| Android-Launcher-Icon | 48, 72, 96, 144, 192 px mipmap | Ein PNG pro Dichte plus runde Varianten |
| Android Adaptive Icon | 108x108 dp-Fläche, 66 dp Safe Zone | Vorder- und Hintergrundebene; Masken je Gerät unterschiedlich |
| Google Play Store-Eintrag | 512x512 px | 32-Bit-PNG, ohne Alpha, max. 1 MB |
| Web-Favicon | 16, 32, 48 px in einer .ico | Plus einzelne PNG-Fallbacks |
| iOS-Web-Lesezeichen | 180x180 px apple-touch-icon | Deckendes PNG; iOS rundet die Ecken |
| PWA-Manifest | 192x192 und 512x512 px | PNG; maskable-Varianten empfohlen |
| Chrome-Erweiterung | 16, 32, 48, 128 px | PNG-Einträge in Manifest V3 |
| macOS und watchOS | 10 und 17 Dateien pro Set | AppIcon.appiconset-Ordner mit Contents.json |
Größen folgen der Apple- und Google-Entwicklerdokumentation von 2026. Der Resizer-Output entspricht dieser Tabelle.
Wie jede Plattform dein Icon behandelt
Skalieren ist nur die halbe Arbeit. Jede Plattform maskiert, skaliert oder schichtet deine Grafik anders, und dieser Unterschied erklärt die meisten abgelehnten Uploads.
iOS und iPadOS.Seit Xcode 14 verlangt Apple einen einzigen 1024x1024-Master ohne Transparenz und ohne vorgerundete Ecken. Xcode erzeugt die 18 appiconset-Dateien daraus, und das System rundet zur Laufzeit, sodass die Grafik ein volles Quadrat bleibt.
Android.Ab Android 8 zeichnet das Launcher-Icon aus einem Adaptive Icon: eine Hintergrund- und eine Vordergrundebene auf einer 108x108-dp-Fläche. Die Gerätemasken reichen von Kreis über Squircle bis abgerundetem Quadrat und können alles außerhalb des 66-dp-Zentrums abschneiden. Deshalb entscheidet der Rand darüber, ob dein Logo überlebt.
Web und PWA.Eine Web-App braucht Favicon-Größen für Tabs, ein 180x180-apple-touch-icon für iOS-Lesezeichen sowie 192x192- und 512x512-Manifest-Icons für Installationshinweise. Das Paket enthält die site.webmanifest und den fertigen HTML-head-Snippet.
Cross-Plattform-Frameworks.Das ZIP folgt der Standardstruktur android/res/mipmap-*, die Android-Dateien lassen sich direkt in Flutter- oder React-Native-Projekte kopieren, und der 1024x1024-Master passt als einzige Quelle für flutter_launcher_icons.
Halte dein App-Icon in der Safe Zone
Die meisten Skalierprobleme entstehen, wenn die Grafik die ganze Fläche füllt. Vier Regeln halten die Form in jeder Größe sicher.
Rand für die Form, nicht die Fläche
Bei iOS das Logo grob in den mittleren 80% halten, bei Adaptive Icons im 66-dp-Kreis. Der Rand-Schieberegler zeigt die Reserve live an.
Ecken nie vorab runden
iOS, Android und Google Play wenden zur Laufzeit jeweils eigene Masken an. Vorgerundete Grafik zeigt an den Ecken Lücken in Hintergrundfarbe.
Transparenz vor dem Export füllen
App Store und Google Play lehnen Icons mit Alphakanal ab. Fülle transparente Flächen mit einer soliden Hintergrundfarbe.
Prüfe die Form bei 48 px
Launcher und Favicons erscheinen bei 48 px und darunter. Wenn die Marke dort unlesbar ist, vereinfache sie vor dem Skalieren.
Skaliere dein App-Icon jetzt
Jede Größe der Tabelle oben entsteht aus einem einzigen Upload, mit Ordnern und Manifests, die direkt ins Projekt passen.
Drei Wege, ein App-Icon zu skalieren
Ein Browser-Resizer, ein typischer Online-Resizer und der manuelle Design-Tool-Export lösen dieselbe Aufgabe zu unterschiedlichen Kosten.
| Dieser Browser-Resizer | Typischer Online-Resizer | Design-Tool-Export | |
|---|---|---|---|
| Plattformen pro Download | 8 Ziele inkl. watchOS, Windows, Chrome | meist nur iOS und Android | eine Größe pro Export |
| Deine Grafik | bleibt im Browser | meist Server-Upload | bleibt auf dem Rechner |
| Rand und Safe Zone | Schieberegler mit Masken-Vorschau | einfach oder gar nicht | manuelle Hilfslinien |
| Ausgabestruktur | Ordner, Contents.json, Manifest, HTML-Snippet | ZIP mit losen PNGs | lose Exporte |
| Favicon-.ico-Kodierung | Multi-Auflösung-.ico eingebaut | manchmal angeboten | Plugin oder Skript nötig |
| Vorschau adaptiver Formen | Kreis, Squircle, Tropfen, abgerundetes Quadrat | kaum verfügbar | nicht verfügbar |
| Kosten | kostenlos | kostenlos mit Grenzen | Lizenz oder Abo |
Vergleich auf Basis öffentlich gelisteter Funktionen üblicher Online-Resizer und Design-Tools, Stand 2026.
Was der App-Icon-Resizer ausgibt
Jedes Plattform-Paket entsteht aus deinem Master mit Rand und Füllung, mit Dateinamen und Ordnerstruktur, wie sie jede Plattform erwartet.
iOS- und iPadOS-Set
18 appiconset-Dateien von 20x20 bis 1024x1024 mit fertiger Contents.json für Xcode.
Android-mipmap- und Adaptive-Paket
Fünf Dichteordner mit runden Icons, Adaptive-Icon-XML und dem 512x512-Play-Store-Icon.
Web-, PWA- und Favicon-Paket
Eine Multi-Auflösungs-favicon.ico, das 180x180-apple-touch-icon, 192- und 512-Manifest-Icons plus head-Snippet.
macOS-, watchOS- und Windows-Sets
AppIcon.appiconset-Ordner für Mac und Apple Watch, ein Windows-app.ico und MSIX-Kachelassets.
Chrome-Erweiterungs-Icons
16, 32, 48 und 128 px PNGs mit Manifest-V3-Snippet, fertig für den Erweiterungsordner.
In den Workspace senden
Angemeldete Nutzer schieben das skalierte Icon direkt in eine SparkIconAI-Projektfläche.
Von einem Master zum kompletten Icon-Set
Der Resizer macht den Abschluss. Diese Tools starten oder erweitern.
1024-Master mit KI erzeugen
Beschreibe das Icon in einem Satz, wähle einen Stil und exportiere den Master, den dieses Tool skaliert.
Site-Icon-Generator
Favicons und PWA-Icons für das ganze Webprojekt passend zur App erzeugen.
Größen-Guide für App-Icons
Das vollständige Design-Handbuch hinter den Zahlen der Tabelle oben.
Icon-Stile durchstöbern
Flat, 3D, Clay und Glas, um den Master vor dem Skalieren neu zu stylen.
App-Icon-Resizer: häufige Fragen
Häufige Fragen zu Größen, Formaten und abgelehnten Uploads.
Welche Größe sollte ein App-Icon haben?
Reiche für den App Store ein 1024x1024-px-PNG ein und für Google Play ein 512x512-px-PNG. Alle weiteren Größen, vom 20x20-iOS-Settings-Icon bis zum 192x192-Android-xxxhdpi-Launcher, leiten Xcode, Android Studio oder dieser Resizer aus dem Master ab.
Wie skaliere ich App-Icons für das iPhone?
Lade deinen 1024x1024-Master in den Resizer, lasse um die Grafik einen kleinen Rand und lade das iOS-Paket. Es enthält die 18 appiconset-Dateien plus die Contents.json, die Xcode erwartet, sodass der Ordner direkt in Assets.xcassets wandert. Seit Xcode 14 genügt App Store Connect ein einzelnes 1024x1024-Icon.
Wie mache ich App-Icons auf dem Startbildschirm größer?
Diese Einstellung liegt am Telefon, nicht an der Grafik. Unter iOS 18 und neuer: Startbildschirm freie Stelle gedrückt halten, auf "Bearbeiten" und dann "Anpassen" tippen und zwischen Klein, Mittel und Groß wechseln. Auf Android hängt es vom Launcher ab: Hintergrund gedrückt halten und in den Startbildschirm-Einstellungen die Icon-Größe suchen. Diese Seite behandelt die Grafiken, die Entwickler an die Stores liefern.
Warum wirkt mein App-Icon auf Android abgeschnitten?
Ab Android 8 maskiert das System jedes Launcher-Icon aus einer 108x108-dp-Adaptive-Fläche, und die Maskenform variiert je Gerät: Kreis, Squircle, Tropfen oder abgerundetes Quadrat. Alles außerhalb des 66-dp-Mittelkreises fällt auf manchen Geräten weg. Erhöhe den Rand, bis die Form im Kreis liegt; genau dafür sind der Rand-Schieberegler und die Formvorschau da.
Unterstützt das iOS-App-Icon einen transparenten Hintergrund?
Nein. App Store Connect verlangt deckende Pixel, und ein Alphakanal erzeugt Upload-Fehler. Hat dein Ausgangsicon Transparenz, wähle im Resizer vor dem Export eine solide Hintergrundfarbe; die gefüllten PNGs bestehen die Prüfung.
Soll ich die Ecken meines App-Icons runden?
Nein. iOS, Google Play und Android-Launcher wenden bei der Anzeige eigene Eckenmasken an, und die Maske unterscheidet sich je Gerät und Systemversion. Vorgerundete Grafik zeigt sichtbare Lücken in Hintergrundfarbe. Exportiere ein volles Quadrat und überlasse das Runden dem System.
Wie füge ich das skalierte Icon ins Xcode-Projekt ein?
ZIP entpacken und den Ordner ios/AppIcon.appiconset in Assets.xcassets in Xcode ziehen, wodurch das alte Set ersetzt wird. Die enthaltene Contents.json listet bereits jede Datei, manuelle Zuweisung ist nicht nötig.
Kann ich diese Icons in einer Flutter-App nutzen?
Ja. Die Ordner android/res/mipmap-* im ZIP folgen der Standard-Android-Ressourcenstruktur, lassen sich also direkt in den android-Ordner eines Flutter-Projekts kopieren. Alternativ übergibst du den 1024x1024-Master an flutter_launcher_icons. Auf iOS-Seite läuft alles wie üblich über den Xcode-Asset-Katalog.
Noch kein Master-Icon?
Erzeuge ein 1024x1024-App-Icon aus einer Textbeschreibung und skaliere es hier für jede Plattform.