Captures d'écran iTunes Connect Tailles pour tous les appareils iOS (iPhone / iPad / Apple Watch)


221

J'essaie de soumettre une nouvelle application à l'App Store, mais maintenant Apple a besoin de captures d'écran pour les iPhones de 4,7 pouces et 5,5 pouces. Quelqu'un a ces spécifications de capture d'écran (taille)?

J'ai essayé avec:

  • 640 x 1136 (portrait)
  • 640 x 1096 (portrait)
  • 1136 x 640 (paysage)
  • 1136 x 600 (paysage)

J'ai également essayé d'utiliser des captures d'écran de la taille de l'iPad, mais cela n'a pas fonctionné non plus. Je n'ai reçu aucun conseil ni e-mail d'Apple avec ces informations et je ne vois aucune aide dans iTunes Connect.


Apple a-t-il une page Web qui décrit les nouvelles exigences de capture d'écran? Cette page n'a pas encore été mise à jour.
Codo

1
J'ai fait une recherche, mais je ne trouve rien sur les nouvelles tailles de résolutions. Aussi, je regarde dans les ressources de développement. Toujours pas de chance.
EO Games and Apps



Réponses:


489

Les résolutions suivantes sont acceptables pour iTunes Connect:

  • iPhone 3 + 4 (3,5 pouces)
    • 640 x 960
  • iPhone 5, iPhone 5S, iPhone 5C (4 pouces)
    • 640 x 1136
  • iPhone 6, iPhone 6S, iPhone 7, iPhone 8 (4,7 pouces)
    • 750 x 1334
  • iPhone 6 Plus, iPhone 6S Plus, iPhone 7 Plus, iPhone 8 Plus (5,5 pouces)
    • 1242 x 2208
    • Vous avez besoin de la capture d'écran dans cette résolution, le téléphone les réduit à 1080 x 1920
  • iPhone X (5,8 pouces)
    • 1125 x 2436
  • iPhone XR (6,1 pouces)
    • 828 x 1792
  • iPhone XS (5,8 pouces)
    • 1125 x 2436
  • iPhone XS Max (6,5 pouces)
    • 1242 x 2688
  • iPad Mini 2, iPad Mini 3, iPad Mini 4 (7,9 pouces)
    • 1536 x 2048
  • iPad 3, iPad 4, iPad Pro, iPad Air, iPad Air 2 (9,7 pouces)
    • 1536 x 2048
  • iPad Pro (10,5 pouces)
    • 1668 x 2224
  • iPad Pro (12,9 pouces)
    • 2048 x 2732
  • Apple Watch Series 1, Apple Watch Series 2, Apple Watch Series 3 - 38 mm (1,5 pouce)
    • 272 x 340
  • Apple Watch Series 4 - 40 mm (1,57 pouce)
    • 394 x 324
  • Apple Watch Series 1, Apple Watch Series 2, Apple Watch Series 3 - 42 mm (1,65 pouce)
    • 312 x 390
  • Apple Watch Series 4 - 44 mm (1,78 pouce)
    • 448 x 368

J'espère que cela t'aides. Même la documentation d'Apple sur le sujet est incomplète.

Mise à jour: Apple a introduit un nouveau Media Manager qui nécessite uniquement que vous créiez des illustrations pour les plus grands appareils iPhone et / ou iPad. Les images plus petites seront créées pour vous. Notez que si vous n'aviez pas créé d'images iPad Pro auparavant, vous devez le faire maintenant (si vous prenez en charge l'iPad).

Mise à jour: les captures d'écran et les aperçus d'application pour les nouveaux appareils sont désormais pris en charge .


12
Pourriez-vous expliquer comment vous arrivez à «iPhone 6 Plus (2208 x 1242)»? Parce que les spécifications du téléphone Apple vous donnent une taille de 1920x1080 pixels pour plus ...
Orgmir

1
@queenie, 3x. Les captures d'écran de 5,5 pouces sont en 2208 x 1242, pas en 1920 x 1080.
northtree

5
@BenClayton L'image sur iPhone 6 Plus est sous-échantillonnée de 1,15 dans une résolution de pixels inférieure. paintcodeapp.com/news/iphone-6-screens-demystified . Je suppose que l'iPhone 7 peut-être 2208 x 1242 pixels.
northtree

1
mise à l' échelle IS change en effet la résolution d'écran.
boweidmann

6
Quand Apple a déployé son nouveau "Media Manager", ils nous ont donné un nouvel avantage de ne devoir télécharger que la plus grande des captures d'écran de l'appareil. Cependant, ils vous demandent maintenant de créer des captures d'écran de taille iPad Pro si vous prenez en charge l'iPad. C'est décevant si vous découvrez cela après avoir reçu les actifs normaux pour plus de 80 applications que vous mettez à jour et devez retourner à votre équipe UX pour un nouvel art iPad Pro qu'ils n'ont jamais eu à créer. #sigh
Bruno Bronosky

215

Cette réponse est mise à jour pour Xcode 11.

L'App Store Connect demande actuellement des images dans les catégories suivantes:

entrez la description de l'image ici

Écran iPhone 6,5 "

Ce sont des 1242 x 2688pixels. Vous pouvez créer cette image de taille à l'aide du simulateur iPhone 11 Pro Max .

Écran iPhone 5,5 "

Ce sont des 1242 x 2208pixels. Vous pouvez créer cette image de taille à l'aide du simulateur iPhone 8 Plus .

Écran iPad Pro (3e génération) de 12,9 po

Ce sont des 2048 x 2732pixels. Vous pouvez créer cette image de taille à l'aide du simulateur iPad Pro (12,9 pouces) (3e génération) .

Écran iPad Pro (2e génération) de 12,9 po

Ce sont des 2048 x 2732pixels. C'est exactement la même taille que l' iPad Pro (12,9 pouces) (3e génération) , donc la plupart des gens peuvent utiliser les mêmes captures d'écran ici. Mais voyez ça .

Remarques

  • Utilisez Fichier> Nouvelle capture d'écran ( Command+ S) dans le simulateur pour enregistrer une capture d'écran sur le bureau. Sur un appareil réel, appuyez surSleep/Wake + Home sur l'iPhone / iPad (images disponibles dans l'application Photo)
  • Les dimensions en pixels ci-dessus sont les tailles d'orientation portrait plein écran. Vous ne devez pas inclure la barre d'état, vous pouvez donc soit coller la couleur d'arrière-plan sur le texte et les icônes de la barre d'état, soit les recadrer et redimensionner l'image.
  • Voir ce lien pour plus de détails.

110

Pour obtenir des captures d'écran de la bonne taille sans avoir à les créer manuellement - exécutez votre application dans la dernière version de Xcode et choisissez l'iPhone pour lequel vous avez besoin de captures d'écran, puis appuyez sur cmd-s tout en visualisant le simulateur. Cela enregistrera une capture d'écran sur votre bureau dans la pleine résolution dont vous avez besoin pour la soumission.

Comme indiqué ci-dessous par @HoffZ, assurez-vous que l'échelle est définie sur 100%.

Dans le simulateur de sélection Xcode que vous souhaitez:

Simulateurs Xcode

Dans le menu Simulateur, réglez l'échelle à 100%:

Définir l'échelle à 100%

Appuyez sur cmd-s pour enregistrer:

Enregistrer la capture d'écran


10
Deux choses à noter: 1) L'image est enregistrée sur le bureau. 2) Assurez-vous que l'échelle est à 100% (Fenêtre-> Échelle dans le simulateur).
HoffZ

1
C'est une excellente réponse et j'espère pouvoir l'essayer plus tard à partir de mon Mac, car jusqu'à présent, j'ai essayé de télécharger différentes tailles d'image qui correspondent aux documents sur: developer.apple.com/library/content/documentation/… Tous mes les images échouent même si elles correspondent aux spécifications, il indique qu'elles sont de mauvaises dimensions. Vraiment déroutant. Merci pour l'astuce pour y arriver.
raddevus

3
Je ne pense pas qu'il soit nécessaire que cette échelle soit définie à 100%. Le simulateur iPad Pro 12 pouces ne sera pas près de s'adapter à l'écran de mon MacBook à 100%, mais les captures d'écran sont toujours enregistrées en pleine résolution.
Luke Bartolomeo

1
C'est la meilleure réponse car contrairement aux autres c'est intemporel !!
user3069232

1
La confirmation d'une échelle de 100% n'est pas nécessaire. La capture d'écran est toujours en pleine résolution.
Velda

18

Dans Xcode 9, en plus de définir l'échelle de la fenêtre à 100% (⌘1), il est maintenant nécessaire de décocher également Optimize Rendering for Window Scaledans le menu de débogage afin d'obtenir une capture d'écran de la bonne résolution.

Pour prendre une capture d'écran de la bonne taille à utiliser sur l'App Store:

1.) Exécutez l'application dans le simulateur
2.) Définissez l'échelle (⌘1)
3.) Décochez Optimize Rendering for Window Scaledans le menu de débogage
4.) Prenez une capture d'écran avec ⌘S

entrez la description de l'image ici


Merci beaucoup! :)
Jorge Luis Peña Lopez


6

Apple Inc. a maintenant ajouté une nouvelle capture d'écran de l'appareil également sur iTunesconnect, c'est-à-dire iPad Pro. Voici toutes les tailles de captures d'écran dont iTunesconnects a besoin.

  • iPhone 6 Plus (5,5 pouces) - 2208x1242
  • iPhone 6 (4,7 pouces) - 1334x750
  • iPhone 5 / 5s (4 pouces) - 1136x640
  • iPhone 4s (3,5 pouces) - 960x640
  • iPad - 1024x768
  • iPadPro - 2732x2048

4

De plus, veuillez noter que la transparence peut être définie même si vous n'avez réellement aucune transparence dans vos images. Si vous utilisez Photoshop, «enregistrer pour le Web» et désélectionnez «transparence» ou convertissez simplement votre image en .jpg. iTunes Connect semble également rejeter les transparents.


4

Il est mis à jour le 6-14-2017 à partir de la source suivante:
http://help.apple.com/itunes-connect/developer/#/devd274dd925

Spécifications de capture d'écran

  • Écran Retina 5,5 pouces
    1242 x 2208 pixels pour le portrait
    2208 x 1242 pixels pour le paysage

  • Écran Retina 4,7 pouces
    750 x 1334 pixels pour portrait
    1334 x 750 pixels pour paysage

  • Écran Retina 4 pouces
    640 x 1096 pixels pour portrait (sans barre d'état)
    640 x 1136 pixels pour portrait (plein écran)
    1136 x 600 pixels pour paysage (sans barre d'état)
    1136 x 640 pixels pour paysage (plein écran)

  • Écran Retina 3,5 pouces
    640 x 920 pixels pour portrait (sans barre d'état)
    640 x 960 pixels pour portrait (plein écran)
    960 x 600 pixels pour paysage (sans barre d'état)
    960 x 640 pixels pour paysage (plein écran)

  • Écran Retina 12,9 pouces
    2048 x 2732 pixels pour portrait
    2732 x 2048 pixels pour paysage

  • Écran Retina 9,7 pouces
    haute résolution:
    2048 x 1496 pixels pour le paysage (sans barre d'état)
    2048 x 1536 pixels pour le paysage (plein écran)
    1536 x 2008 pixels pour le portrait (sans barre d'état)
    1536 x 2048 pixels pour le portrait (plein écran)
    Résolution standard:
    1024 x 748 pixels pour le paysage (sans barre d'état)
    1024 x 768 pixels pour le paysage (plein écran)
    768 x 1004 pixels pour le portrait (sans barre d'état)
    768 x 1024 pixels pour le portrait (plein écran)

  • macOS
    L'un des suivants, avec un rapport d'aspect de 16:10.
    1280 x 800 pixels
    1440 x 900 pixels
    2560 x 1600 pixels
    2880 x 1800 pixels

  • tvOS
    1920 x 1080 pixels

  • montre OS
    312 x 390 pixels


1

Pour les appareils iPhone: nous avons maintenant besoin d'une seule taille d'iPhone 6 Plus (5,5 pouces) • 1242 x 2208 Ensuite, nous avons une case à cocher là-bas, dans toutes les autres tailles pour: Utiliser un écran de 5,5 pouces


Bonne réponse. Merci mademoiselle Aanchal.
MRizwan33

1
 1)iPhone X screenshot support in iTunes Connect.October 27, 2017.

 2)You can now upload screenshots for iPhone X. 
  Youll see a new tab for 5.8-inch displays under Screenshots and App Previews on your iOS app  version information page.

 3)Note that iPhone X screenshots are optional and cannot be used for smaller devices sizes. 
  5.5-inchdisplay screenshots are still required for all apps that run on iPhone.

 4)iPhone X Screenshot Resolutions
  1125 by 2436 (Portrait)
  2436 by 1125 (Landscape)

1

Via les simulateurs pour les appareils respectifs, nous pouvons facilement avoir des captures d'écran avec la commande cmd + S. Et cela nous donne la résolution exacte de l'appareil que nous simulons. L'équipe d'examen aurait mentionné cela, mais ne l'a jamais fait. :)



0
  1. Exécutez votre application sur le simulateur et enregistrez des captures d'écran.

  2. Renommez ces captures d'écran en 4.7.1 (iPhone 6), 5.5.1 (iPhone 6 plus) et ainsi de suite.


1
Les applications Unity ne fonctionnent pas très bien dans l'émulateur
Almo

0

pour xcode 11.1qui ne contient pas d'ipad pro iPad Pro (2e génération) Écran 12,9 "exécutez cette commande dans le terminal

xcrun simctl créer "iPad Pro (12,9 pouces) (2e génération)" "com.apple.CoreSimulator.SimDeviceType.iPad-Pro - 12-9 pouces --- 2e génération-" "com.apple.CoreSimulator. SimRuntime.iOS-13-1 "

regarde ici


0

J'ai cette page mise en signet et j'y reviens fréquemment, mais personne ne mentionne la taille de l'iPad pro 11 pouces plus récent. C'est 1668x2388.

Voici un script bash qui redimensionnera les captures d'écran génériques aux dimensions appropriées. Je ne pouvais pas faire fonctionner un simulateur iPhone 4 dans le dernier xcode à partir de 2020, donc c'était nécessaire pour moi.

#!/usr/bin/env bash

HERE="$( cd "$( dirname "${BASH_SOURCE[0]}" )" >/dev/null 2>&1 && pwd )"

declare -A sizes
sizes["6-5-inch-iphone-xs-max"]="1242x2688"
sizes["5-8-inch-iphone-x"]="1125x2436"
sizes["5-5-inch-iphone-6"]="1242x2208"
sizes["4-7-inch-iphone-6"]="750x1334"
sizes["4-inch-iphone-6"]="640x1096"
sizes["3-5-inch-iphone-4s"]="640x920"
sizes["12-9-inch-ipad-pro-@3"]="2048x2732"
sizes["12-9-inch-ipad-pro-@2"]="2048x2732"
sizes["11-inch-ipad-pro"]="1668x2388"
sizes["10-5-inch-ipad-pro"]="1668x2224"
sizes["9-7-inch-ipad"]="1536x2008"

for i in "${!sizes[@]}"; do
    if [[ "$i" == *"ipad"* ]]; then
        [ -d "$HERE/ipad" ] || continue
        mkdir -p "$HERE/$i"
        cd "$HERE/ipad"
        for file in *.jpg; do
            [ -e "$file" ] || continue
            convert "$file" -resize "${sizes[$i]}"\! "$HERE/$i/$file"
            echo "scaled $file"
        done
    else
        [ -d "$HERE/iphone" ] || continue
        mkdir -p "$HERE/$i"
        cd "$HERE/iphone"
        for file in *.jpg; do
            [ -e "$file" ] || continue
            convert "$file" -resize "${sizes[$i]}"\! "$HERE/$i/$file"
            echo "scaled $file"
        done
    fi
done

Pour l'utiliser, placez-le dans un nouveau répertoire et créez un /iphoneet un /ipadrépertoire à côté. Mettez vos captures d'écran génériques pour iPad et iPhone dans ces dossiers. Exécutez le script, il générera des dossiers nommés pour toutes les tailles.

ios_screenshots/
├── run.sh
├── iphone/
   ├── screenshot_1.jpg
   ├── screenshot_2.jpg
   ├── screenshot_3.jpg
├── ipad/
   ├── screenshot_1.jpg
   ├── screenshot_2.jpg
   ├── screenshot_3.jpg


-3

Ces détails donnent par journal ...

Pour iPhone 6 Plus

Screen bounds: {{0, 0}, {414, 736}}, Screen resolution: <UIScreen: 0x7f97fad330b0; bounds = {{0, 0}, {414, 736}}; 
mode = <UIScreenMode: 0x7f97fae1ce00; size = 1242.000000 x 2208.000000>>, scale: 3.000000, nativeScale: 3.000000

Pour iPhone 6

Screen bounds: {{0, 0}, {375, 667}}, Screen resolution: <UIScreen: 0x7fa01b5182d0; bounds = {{0, 0}, {375, 667}}; 
mode = <UIScreenMode: 0x7fa01b711760; size = 750.000000 x 1334.000000>>, scale: 2.000000, nativeScale: 2.000000
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.