Releasely
Tous les outils

Référence

Guide des tailles d'icônes

Toutes les tailles d'icônes requises pour iOS et Android dans une référence unique, prête à copier.

App StoreiOSRequis
Fiche du store
PNG opaque, sans couche alpha. Xcode 14+ dérive toutes les tailles plus petites de cet asset.
1024 × 1024
Application iPhone @3xiOSRequis
Écran d'accueil, Retina HD
60 pt @3x
180 × 180
Application iPhone @2xiOSRequis
Écran d'accueil, Retina
60 pt @2x
120 × 120
Application iPad ProiOSSi application iPad
Écran d'accueil iPad Pro
83,5 pt @2x
167 × 167
Application iPad @2xiOSSi application iPad
Écran d'accueil iPad, Retina
76 pt @2x
152 × 152
Application iPad @1xiOS
Ancien écran d'accueil iPad
76 pt @1x
76 × 76
Play StoreAndroidRequis
Fiche du store
PNG 32 bits, couche alpha autorisée, jusqu'à 1 Mo.
512 × 512
Icône adaptativeAndroidRequis
Lanceur moderne
Premier plan + arrière-plan de 108 dp. Gardez les éléments clés dans la zone de sécurité centrale de 264px (66 dp).
432 × 432
Lanceur xxxhdpiAndroid
Écrans ~640 dpi
Ancienne densité, base 4x
192 × 192
Lanceur xxhdpiAndroid
Écrans ~480 dpi
Ancienne densité, base 3x
144 × 144
Lanceur xhdpiAndroid
Écrans ~320 dpi
Ancienne densité, base 2x
96 × 96
Lanceur hdpiAndroid
Écrans ~240 dpi
Ancienne densité, base 1,5x
72 × 72
Lanceur mdpiAndroid
Base ~160 dpi
Ancienne densité, base 1x
48 × 48

Les icônes Apple sont des PNG opaques sans coins arrondis. iOS applique le masque automatiquement, concevez donc un seul master de 1024 × 1024 et réduisez-le.

Livrez un PNG de 512 × 512 pour le Play Store, plus une icône adaptative (premier plan + arrière-plan). Le lanceur la masque selon la forme de l'appareil.

Comment ça marche

Une icône master, tous les exports

Un tableau de référence pour les deux plateformes. Copiez les tailles directement dans votre flux de travail.

  1. 01

    Choisissez une vue

    Toutes les plateformes ensemble, ou filtrez sur iOS ou Android. iOS demande des tailles en pixels fixes selon le contexte, Android demande des paliers de densité et une icône adaptative.

  2. 02

    Lisez l'usage

    Fiche du store, écran d'accueil, densité du lanceur : chaque ligne indique où la taille est utilisée et si elle est requise, conditionnelle ou ancienne.

  3. 03

    Copiez la taille

    Un clic copie les dimensions, prêtes pour votre outil de design ou votre catalogue d'assets.

  4. 04

    Exportez depuis un seul master

    Concevez un seul master de 1024 × 1024 et exportez vers le bas. N'agrandissez jamais une petite icône, elle paraîtra floue partout.

FAQ

Tailles d'icônes, les réponses

En général non. Depuis Xcode 14, vous pouvez livrer un seul asset de 1024 × 1024 et laisser Xcode générer toutes les tailles d'exécution. Les tailles par contexte restent utiles si vous prenez en charge d'anciennes chaînes d'outils ou si vous voulez un contrôle au pixel près sur les petites tailles.

Apple exige un PNG opaque de 1024 × 1024 pour la fiche du store et refuse les icônes avec une couche alpha. Les coins arrondis sont appliqués par le système, livrez donc un carré plein.

C'est un PNG 32 bits de 512 × 512, jusqu'à 1 Mo, et la couche alpha est autorisée. Google applique son propre masque arrondi dans les emplacements du store, gardez donc les éléments importants loin des coins.

Les icônes adaptatives Android sont des couches de 108 × 108 dp, mais les lanceurs peuvent les masquer en cercles, en carrés arrondis ou en carrés. Seul le cercle central de 66 dp est garanti visible, gardez donc votre logo à l'intérieur.

Visuellement, oui. L'icône est le premier élément que les utilisateurs voient dans les résultats de recherche, et un style cohérent entre l'icône et les captures d'écran favorise la conversion. Testez plusieurs variantes avant de vous décider.

Outils associés

Poursuivez ici

Tous les outils →