Ein iOS-App-Icon, ein Google-Play-Eintrag, Ebenen für ein adaptives Android-Launcher-Icon und ein Web-Favicon dienen unterschiedlichen Zwecken. Legen Sie das Ziel vor dem Export fest. Iconise bietet PNG, SVG-Vektorisierung und ein ZIP mit Favicons; daraus entsteht kein vollständiger Store-Einreichungssatz.
Vier unterschiedliche Ausgaben
| Ziel | Dokumentierte Vorgabe | Was vorzubereiten ist |
|---|---|---|
| iOS/iPadOS/macOS-App-Icon | Apple: quadratisches Layout mit 1024 × 1024 px; die HIG beschreibt ein Ebenen-Design und eine systemseitige Formmaske. | Ausgangsgrafik und die für Erscheinungsbilder sowie das Xcode-Projekt benötigten Assets. Ein Exportdienstleister garantiert keine Annahme. |
| Google-Play-Eintrag | 512 × 512 px; 32-Bit-PNG, sRGB, höchstens 1024 KB. Google Play wendet Maske und Schatten an. | Quadratisches Asset ohne abgerundete Ecken oder zusätzlichen äußeren Schatten. |
| Adaptives Android-Launcher-Icon | Zwei Farbebenen mit je 108 × 108 dp; das Logo 48–66 dp. Für thematische Icons kann eine monochrome Ebene ergänzt werden. | Vordergrund- und Hintergrundressource sowie bei Bedarf eine monochrome Ressource im Android-Projekt. |
| Web-Favicon | Über `link rel="icon"` deklarierte Ressourcen mit ihren verfügbaren Größen. Der Browser wählt ein passendes Asset. | Website-Dateien und `link`-Elemente; je nach Projekt auch ein Webmanifest. |
Welche Dateien Iconise vorbereitet
Der Iconise-Abschluss kann die Grafik als PNG herunterladen, eine SVG-Version über Vektorisierung anfordern und ein ZIP mit Web-Favicons erstellen. Das Paket enthält `favicon.ico` (16, 32 und 48 px), PNG-Dateien mit 16 und 32 px, `apple-touch-icon.png` mit 180 px, Android-Chrome-Icons mit 192 und 512 px sowie `site.webmanifest`.
Quelldateien vorbereiten und Exporte kontrollieren
- Notieren Sie Plattform, Platzierung (Launcher, Store-Eintrag oder Website) und gewünschte Erscheinungsbilder.
- Prüfen Sie in der offiziellen Dokumentation Maße, Masken und Struktur.
- Bewahren Sie eine saubere Mastergrafik auf und erstellen Sie die Ebenen oder Exporte für jedes Ziel.
- Kontrollieren Sie Dateiname, Format, Abmessungen, Transparenz, Komprimierung und Darstellung nach der Integration.
- Testen Sie den Export im tatsächlichen Projekt und Veröffentlichungsablauf. Ein exportiertes Bild beweist keine Store-Annahme.
Sonderfall Web-Favicon
Ein Browser kann zwischen mehreren `rel="icon"`-Links anhand von Typ und Größe wählen. Das Iconise-ZIP enthält diese Ressourcen und ein Manifest; Sie müssen die Dateien trotzdem in die Website übernehmen und Pfade sowie Darstellung prüfen. Apple Touch Icons für Webclips sind etwas anderes als App-Icons für iOS.
Häufige Fehler
- Ein Favicon-PNG so verwenden, als enthielte es adaptive Ebenen für Android.
- Den Google-Play-Eintrag mit dem Launcher-Icon auf dem Gerät verwechseln.
- Abgerundete Ecken oder einen Schatten einzeichnen, obwohl die Plattform beides ergänzt.
- Eine SVG-Vektorisierung als sorgfältig erstellte und geprüfte Vektor-Masterdatei behandeln.
- Annehmen, ein einzelnes Format oder Maß garantiere die Annahme im Store.
Wenn die Ziele feststehen, können Sie im Vergleichsleitfaden prüfen, ob die gewählte Grafik in den jeweiligen Kontexten lesbar bleibt.