Ein Bild, alle Icons, die deine App braucht
App Stores und Betriebssysteme verlangen jeweils einen eigenen Stapel an Icon-Größen – fünfzehn allein für iOS, elf für Android, ein Dutzend fürs Web. Dieser Generator rendert sie alle aus einem einzigen 1024×1024-Bild mit hochwertiger Verkleinerung, benennt die Dateien so, wie Xcode, Android Studio und Web-Manifeste es erwarten, und packt sie in ein Zip. Da alles im Browser läuft, wird dein Entwurf nie hochgeladen.
So geht's
- Exportiere dein Icon als quadratisches PNG oder SVG, ideal 1024×1024 ohne abgerundete Ecken – die Maske legt das System an.
- Zieh es hinein und wähle die Plattformen, für die du veröffentlichst. iOS- und watchOS-Icons dürfen nicht transparent sein, daher wird automatisch ein Hintergrund gesetzt.
- Wähle einen Hintergrund aus den Vorgaben oder der Material-Palette und füge Rand hinzu, wenn dein Motiv an die Kanten stößt.
- Klicke auf Herunterladen. Das Zip ist nach Plattform sortiert, mit genau den Dateinamen, die jede Toolchain erwartet.
Enthaltene Größen
iOS/iPadOS: App Store 1024, iPhone und iPad @2x/@3x, Spotlight, Einstellungen und Mitteilungen. Android: Play Store 512, adaptive Vordergrund-Ebenen (mdpi–xxxhdpi) und Legacy-Launcher. macOS: 16 bis 1024 in @1x und @2x. watchOS: App Store, Short Look, Home und Mitteilungen. Web/PWA: 512 und 192 (Standard und maskable), Apple Touch 180, MS Tile 144, Chrome 128/96 und Favicons 48/32/16.
Tipps für Icons, die in jeder Größe gut aussehen
- Gestalte in 1024 px, prüfe aber die 29-px-Vorschau – feine Details und dünne Schrift verschwinden.
- Halte das Wichtige innerhalb des gestrichelten Kreises: Maskable-PWA-Icons und adaptive Android-Icons werden auf diese sichere Zone beschnitten.
- Wähle einen Hintergrund mit gutem Kontrast zum Logo; teste Paare im Kontrast-Checker.
- Vermeide reines Weiß bis zum Rand: Auf iOS verschwimmt es mit hellen Hintergründen. Ein Ton aus deiner Palette wirkt klarer.