Eine App einzureichen hieß früher, einen Ordner mit dreißig Icon-Dateien zu exportieren. Das ist vorbei: Beide Plattformen nehmen ein großes Quadrat und leiten den Rest ab. Geblieben sind die Regeln dafür, was in diesem Quadrat stehen darf — und es sind auf jeder Plattform andere Regeln, womit fast jedes Icon-Problem beginnt.
Beide quadratisch, beide wollen, dass die Gestaltung den Rahmen füllt — und ab da gehen sie deutlich auseinander.
Zwei Regeln, beide werden ständig verletzt:
Runden Sie die Ecken nicht selbst ab. iOS legt seine eigene Maske als abgerundetes Quadrat an. Haben Sie beim Export schon abgerundet, rundet die Maske die Rundung, und es entsteht ein sichtbarer dunkler Saum, wo Ihre Kurve und die des Systems nicht übereinstimmen. Exportieren Sie ein volles Quadrat, bis an den Rand.
Keine Transparenz. Das 1024er-Icon darf gar keinen Alphakanal haben. Ein transparenter Hintergrund wird nicht zum Wallpaper — er füllt sich typischerweise schwarz, weshalb so viele eingereichte Icons wie ein Logo auf einer dunklen Kachel schweben. Malen Sie einen deckenden Hintergrund.
Außerdem: keine Screenshots der eigenen App im Icon und keine Wörter. Das Icon erscheint auf dem Homescreen mit etwa 60 Punkt. Text in dieser Größe ist Textur, keine Sprache.
Androids adaptives Icon besteht aus zwei Ebenen — Vordergrund und Hintergrund — zu je 108 × 108 dp. Das sind 432 × 432 Pixel bei der höchsten gängigen Dichte.
Und hier der Teil, der alle erwischt. Nur die Mitte ist garantiert sichtbar. Die äußeren 18 dp auf jeder Seite sind reserviert: Der Launcher maskiert sie weg und nutzt sie für den feinen Parallaxe-Versatz beim Wischen. Sichtbar bleibt ein Kreis von 72 × 72 dp in der Mitte — zwei Drittel der Breite.
Alles Wichtige muss also in diese mittleren zwei Drittel. Der übliche Fehler ist ein Icon, das für die vollen 108 gestaltet wurde und dann mit abrasierten Rändern auf dem Telefon ankommt.
Die Reservierung existiert, weil Launcher verschiedene Formen anwenden. Dasselbe Icon wird auf einem Gerät ein Kreis, auf dem nächsten ein Squircle, anderswo ein abgerundetes Quadrat oder ein Tropfen. Ihre Hintergrundebene muss daher eine Fläche oder eine einfache Textur sein, die jeden dieser Schnitte übersteht — keine Form mit eigener Kontur.
Diese erzeugt fast jedes Mal einen Fehlerbericht, wenn sie übersehen wird. Ein Benachrichtigungs-Icon unter Android ist nicht Ihr App-Icon. Es muss eine rein weiße Silhouette auf transparentem Grund sein: Das System entfernt alle Farbe und nutzt nur den Alphakanal.
Geben Sie ihm ein farbiges Icon, wird jedes Pixel deckend weiß — die Benachrichtigung zeigt ein merkmalloses weißes Quadrat. Die Datei ist völlig gültig, deshalb übersteht sie die Prüfung und zeigt sich erst, wenn jemand eine Benachrichtigung bekommt.
Sie gestalten bei 1024. Dargestellt wird es mit etwa 60 Punkt auf dem Homescreen und deutlich kleiner in Einstellungslisten und Suchergebnissen. Das ist etwa eine siebzehnfache Verkleinerung.
Der einzig ehrliche Test ist, es in Originalgröße auf einem echten Homescreen neben anderen Apps anzusehen. Allein bei 1024 Pixeln beurteilt, sieht fast jedes Icon gut aus.
Verlockend, schließlich sind beide quadratische Zeichen derselben Marke. Aber ein Favicon ist für 16 Pixel ohne Maske gestaltet, ein App-Icon ist maskiert, gerundet und zwanzigmal größer zu sehen. Ein auf 1024 vergrößertes Favicon wirkt grob; ein auf 16 verkleinertes App-Icon wird zum Fleck. Sie sind verwandt, nicht dieselbe Datei.