Les formats ne sont pas interchangeables : l’icône iOS, l’image de fiche Google Play, les couches d’une icône adaptative Android et les favicons web répondent à des usages différents. Identifiez la destination avant l’export. Iconise propose un PNG, une vectorisation SVG et un ZIP de favicons ; ces sorties ne forment pas un pack de livraison prêt à soumettre à chaque store.
Quatre livrables à séparer
| Destination | Exigence ou format documenté | À préparer |
|---|---|---|
| Icône d’app iOS/iPadOS/macOS | Apple : carré de 1024 × 1024 px. Les HIG décrivent un design en couches et un masque appliqué par le système. | Le visuel source et les ressources nécessaires aux apparences et au projet Xcode. Un service d’export ne garantit pas l’acceptation. |
| Fiche Google Play | 512 × 512 px ; PNG 32 bits, sRGB, au plus 1024 KB. Image carrée ; Google Play applique le masque et l’ombre. | Un asset de fiche Play sans coins arrondis ni ombre ajoutée sur le contour. |
| Lanceur Android adaptatif | Deux couches couleur de 108 × 108 dp ; le logo reste entre 48 et 66 dp. Une couche monochrome peut servir aux icônes thématiques. | Des ressources foreground/background, et éventuellement monochrome, à déclarer dans le projet Android. |
| Favicon web | Des ressources déclarées avec `link rel="icon"` et des tailles réelles. Le navigateur choisit une ressource appropriée ; il n’existe pas un fichier d’app mobile équivalent. | Les fichiers du site, les éléments `link` et, selon le projet, un manifeste web. |
Ce que prépare Iconise
À l’écran final, le workflow permet de télécharger le visuel en PNG, de demander une version SVG par vectorisation, et de générer un pack ZIP de favicons web. Le pack contient `favicon.ico` (16, 32 et 48 px), des PNG 16 et 32 px, `apple-touch-icon.png` (180 px), des icônes Android Chrome (192 et 512 px) et `site.webmanifest`.
Préparer les sources et contrôler les fichiers
- Notez la plateforme, la destination (launcher, fiche store ou site) et les apparences visées.
- Consultez la documentation officielle de la plateforme pour les dimensions, le masque et la structure attendus.
- Gardez un master propre, puis préparez les couches ou exports spécifiques à chaque destination.
- Contrôlez le nom, le format, les dimensions, la transparence, la compression et le rendu après intégration.
- Testez le résultat dans le projet et le parcours de publication réels. L’export seul ne démontre pas l’acceptation par un store.
Le cas particulier des favicons
Pour un site, le navigateur peut choisir parmi plusieurs liens `rel="icon"` selon le type et les tailles déclarés. Le ZIP Iconise fournit ces ressources et un manifeste ; il reste à intégrer les fichiers dans le site et à vérifier les chemins et le rendu. Les besoins Apple Touch Icon sont distincts des règles d’une icône d’application iOS.
Erreurs fréquentes
- Téléverser le PNG du favicon comme si le projet Android contenait des couches adaptatives.
- Confondre le fichier de la fiche Google Play avec l’asset du lanceur installé sur l’appareil.
- Dessiner soi-même les coins arrondis ou l’ombre alors que la plateforme les applique.
- Traiter une vectorisation SVG comme un master vectoriel conçu et vérifié à la main.
- Conclure qu’un format ou une dimension garantit l’acceptation du store.
Une fois les destinations listées, revenez à la comparaison des pistes pour choisir un visuel qui reste lisible dans ces contextes.