Ratios d'image et zones de sécurité.
Ratios d'image iPhone
Les ratios réels par classe iPhone moderne :
- 6.9" (16 Pro Max) :
1320 × 2868= 2,173 (≈ 19,5:9) - 6.7" (15 Pro Max, 15 Plus, 14 Plus, 13 Pro Max, 12 Pro Max) :
1290 × 2796= 2,167 - 6.1" (16, 15, 14, 13, 12, 11) :
1170 × 2532= 2,164 - 5.5" (8 Plus, 7 Plus, 6s Plus) :
1242 × 2208= 1,778 (16:9)
La classe 5.5" est l'exception — les appareils anciens utilisaient le 16:9. Si tu conçois pour les deux, ancre le contenu critique sur la bande verticale centrale pour qu'il reste visible dans les deux ratios.
Zones de sécurité
L'App Store affiche les captures avec des coins arrondis (correspondant au cadre de l'appareil) et peut superposer des métadonnées d'app à certaines positions du carrousel. De manière empirique :
- Les 80 px supérieurs peuvent être coupés par les superpositions de barre de statut ou le rayon d'arrondi des coins.
- Les 60 px de bord de chaque côté constituent la gouttière de sécurité réaliste.
- Les 100 px inférieurs sont parfois couverts par l'affordance « faire défiler pour plus » sur les petits téléphones.
Les légendes et les CTA doivent se trouver entre 80 et 600 px depuis le haut du design — visibles en taille de vignette, non coupés en taille réelle.
Là où l'œil se pose en premier
Les études de suivi oculaire sur les carrousels App Store (résultats cohérents entre plusieurs analyses de cabinets ASO, 2024-2026) placent l'attention principale dans le quart supérieur gauche de chaque panneau. Le texte de légende critique se lit mieux lorsqu'il occupe le quart supérieur du panneau et utilise une couleur à fort contraste sur le fond. Les rendus d'appareils fonctionnent mieux lorsqu'ils sont légèrement inclinés (8-15° autour de l'axe Y) plutôt que de face.
Superposition pratique des zones de sécurité
Si tu conçois dans Figma ou Photoshop, ajoute ces repères à ton canvas (en utilisant 6.9" comme base, à redimensionner proportionnellement pour les autres classes) :
- Marge haute : 80 px
- Marge basse : 100 px
- Marges latérales : 60 px de chaque côté
- Zone de légende : 80–600 px depuis le haut
- Zone appareil : 600–2400 px depuis le haut