App-Icon erstellen für Android und iOS – alle Größen als ZIP

Ein App-Icon steht an mehr Stellen, als man denkt: auf dem Home-Bildschirm, in der Suche, in den Einstellungen, im Store und als kleines Zeichen neben einer Benachrichtigung. Jedes System will es in eigenen Größen, und ein falsch geschnittenes Bild fällt sofort auf. Dieses Tool nimmt dir die Arbeit ab: Du gestaltest ein einziges Icon und bekommst den ganzen Satz.

Größen, Dichten und die eine Datei für iOS

Auf Android hat jede Bildschirmdichte ihre eigene Größe: Ein altes Launcher-Icon misst 48 dp, also 48 bis 192 Pixel von mdpi bis xxxhdpi. Ein adaptives Icon besteht aus Ebenen von 108 dp, bei xxxhdpi sind das 432 Pixel. Google Play will zusätzlich ein Bild mit 512 mal 512 Pixeln. Apple verlangt für iOS dagegen nur ein Bild mit 1024 mal 1024 Pixeln; Xcode rechnet alle übrigen Größen selbst. Das Tool zeichnet trotzdem jede Größe aus deiner Gestaltung neu, statt ein großes Bild zu verkleinern. So bleiben Linien auch bei kleinen Größen sauber.

Masken und Schutzzone

Beide Systeme schneiden dein Icon selbst zu. iOS nutzt eine Form mit weich auslaufenden Ecken, Android lässt jedem Hersteller die Wahl. Von den 108 dp einer Ebene zeigt Android die mittleren 72 dp; genau die füllt dein Icon, und der Rand gehört Bewegungseffekten. Damit nichts abgeschnitten wird, gilt eine Schutzzone: Jede Maske zeigt sicher einen Kreis von 66 dp. Mit dem Schalter „Schutzzone“ blendest du diesen Kreis auf der Bühne ein. Runde die Ecken deshalb nie selbst; sonst bekäme das Icon doppelte Rundungen und Ränder.

Dunkel, getönt und monochrom

Auf iOS können Nutzer dunkle und getönte Symbole wählen. Das Tool leitet beide aus deiner Gestaltung ab: Die dunkle Fassung dunkelt den Hintergrund ab, die getönte ist ein Graustufenbild, das das System einfärbt. Android 13 kennt Designs, bei denen nur die Silhouette zählt; sie entsteht aus dem Motiv, am besten aus einem Symbol oder einem Logo mit freigestelltem Hintergrund. Jede Fassung lässt sich einstellen und mit „Automatisch“ zurücksetzen.

Buchstaben und Schriften

Für ein Monogramm stehen neun eingebaute Schriften zur Wahl: klare serifenlose wie Figtree, Inter, Poppins, Montserrat und Space Grotesk, die Serifenschrift Playfair Display, die plakative Bebas Neue, die Handschrift Caveat und die Festbreitenschrift JetBrains Mono. Jede gibt es in den Stärken, die ihre Entwickler vorgesehen haben. Sie enthalten lateinische Buchstaben mit Umlauten und Akzenten, aber kein Kyrillisch, Griechisch oder Emoji; kommt so ein Zeichen vor, sagt dir das Tool Bescheid. Brauchst du eine andere Schrift, wähle unter „Schrift“ eine eigene Datei (TTF, OTF, WOFF oder WOFF2). Sie bleibt auf deinem Gerät, gilt nur für diesen Besuch und fehlt im Link zum Teilen; dort steht dann Figtree.

Was ein gutes Icon ausmacht

Ein gutes Icon hat ein einziges, klares Motiv und eine ruhige Fläche dahinter. Es verzichtet auf Text und Fotos, weil beides bei 29 Pixeln zerfällt, und es bleibt auch klein erkennbar. Die Hinweise unter der Bühne prüfen das für dich: Kontrast zwischen Motiv und Hintergrund, Lage in der Schutzzone, Strichstärke bei kleiner Ansicht und die Schärfe deines Bildes. Schatten, Leuchten und Glanz sind Geschmackssache; neuere iOS-Versionen fügen eigene hinzu, deshalb darfst du sie ruhig sparsam einsetzen.