Captures d’écran Mac App Store : tailles, règles, conseils

Les captures d’écran du Mac App Store doivent avoir l’une de ces quatre tailles en paysage 16:10 : 1280 × 800, 1440 × 900, 2560 × 1600 ou 2880 × 1800 pixels. App Store Connect exige au moins une capture d’écran pour une app Mac et en accepte jusqu’à dix, en JPEG ou PNG sans transparence. Si vous ne faites qu’une taille, faites du 2880 × 1800.

Les règles sont plus simples que pour l’iPhone. Obtenir une capture propre exactement à la bonne taille est plus difficile, car la plupart des Mac n’ont plus d’écran 16:10. Voici comment gérer les deux, et en quoi une série Mac doit différer d’une série iPhone.

Tailles des captures d’écran du Mac App Store

Les spécifications des captures d’écran d’Apple listent un seul emplacement Mac, obligatoire pour les apps Mac, avec quatre tailles acceptées :

Le reste des règles est le même que sur les autres plateformes Apple :

• Au moins 1 et jusqu’à 10 captures d’écran.
• .jpeg, .jpg ou .png, sans couche alpha ni transparence.
• Paysage uniquement. Il n’existe aucune taille portrait pour Mac.

Les règles de contenu sont les mêmes aussi. La règle 2.3.3 des App Review Guidelines d’Apple indique que les captures d’écran doivent montrer l’app en cours d’utilisation, et pas seulement l’écran titre, la page de connexion ou l’écran de lancement. Notre analyse de pourquoi Apple refuse des captures d’écran vaut autant pour le Mac que pour l’iPhone. Pour les tailles iPhone, iPad et Android, consultez la référence des tailles de captures d’écran.

Combien de captures d’écran Mac importer ?

Apple en exige une et en autorise dix. Il n’existe aucune recommandation officielle sur le nombre idéal : tout dépend de ce que votre app a à montrer. Un utilitaire à usage unique peut convaincre en trois ; une app pro avec plusieurs espaces de travail voudra peut-être les dix.

Quel que soit le nombre, la première capture d’écran fait le plus gros du travail, parce que c’est celle que la plupart des gens voient. Les mêmes principes que dans notre article sur la première capture d’écran App Store s’appliquent : commencez par le résultat, montrez l’app en train de faire son travail principal, et rendez le titre lisible d’un coup d’œil.

Capture de fenêtre ou plein écran ?

Les deux sont autorisées, tant que le fichier final a une taille acceptée. En pratique, les captures de fenêtre sont plus faciles à réussir.

Pourquoi les captures plein écran sont compliquées

Une capture plein écran n’est utilisable telle quelle que si l’écran est en 16:10 à une résolution acceptée. Beaucoup de Mac actuels ne le sont pas : les MacBook avec encoche ont une dalle plus haute que du 16:10, et la plupart des écrans externes sont en 16:9. Une capture plein écran embarque aussi l’horloge de la barre des menus, vos autres icônes de la barre des menus et toutes les notifications qui arrivent.

Capturer proprement une seule fenêtre

La commande screencapture de macOS s’en charge. Ces options viennent de son aide intégrée :

# Click a window to capture it, without its drop shadow, and no shutter sound
screencapture -w -o -x ~/Desktop/01-main.png

# Same, after a 5-second delay (time to open a menu or hover state)
screencapture -w -o -x -T 5 ~/Desktop/02-menu.png

# Capture an exact screen rectangle (x,y,width,height)
screencapture -x -R 0,25,1440,900 ~/Desktop/03-rect.png

-w limite la capture interactive à la sélection d’une fenêtre, -o supprime l’ombre de la fenêtre, -x coupe le son et -T définit un délai. Gardez l’ombre si la fenêtre doit être posée sur un fond dans votre design ; supprimez-la si vous comptez ajouter la vôtre.

Obtenir exactement 2880 × 1800

Sur un Mac Retina, un point vaut deux pixels. Redimensionnez la fenêtre de votre app à 1440 × 900 points et une capture de fenêtre sans ombre sort en 2880 × 1800 pixels, prête à importer sans redimensionnement. Vous pouvez définir la taille depuis votre app dans un build de débogage, ou avec AppleScript (le Terminal a besoin de l’autorisation Accessibilité dans Réglages Système pour cela) :

osascript -e 'tell application "System Events" to tell process "MyApp" to set size of front window to {1440, 900}'

Vérifiez le résultat avec sips -g pixelWidth -g pixelHeight 01-main.png avant d’importer. Si le PNG contient une couche alpha, convertissez-le avec sips -s format jpeg 01-main.png --out 01-main.jpg.

Faites d’abord le ménage sur le bureau

• Activez Ne pas déranger pour qu’aucun bandeau de notification n’atterrisse dans une capture.
• Masquez les icônes du bureau si une partie du bureau sera visible. Dans les versions récentes de macOS, c’est dans Réglages Système, rubrique Bureau et Dock ; depuis le Terminal, defaults write com.apple.finder CreateDesktop -bool false && killall Finder (remettez-le à true ensuite).
• Utilisez un fond d’écran neutre, ou une couleur unie, pour que les barres latérales et barres d’outils translucides ne reprennent pas une photo chargée derrière elles.
• Chargez des données réalistes. Des documents, projets ou messages qui ont l’air vrais, pas « Sans titre 3 ». Notre guide pour des captures d’écran propres depuis le simulateur donne des idées pour préparer des données de démo, qui valent aussi sur Mac.
• Choisissez une apparence et tenez-vous-y. Claire ou sombre, mais cohérente sur toute la série, sauf si vous montrez volontairement les deux.

Si vous automatisez les captures, fastlane peut aussi aider sur Mac. Notre article sur fastlane snapshot et frameit couvre la configuration, y compris la façon dont frameit gère les captures d’écran Mac avec une image de fond et un décalage plutôt qu’un cadre d’appareil.

Mac Catalyst et apps iPad sur Mac

Une base de code iOS peut arriver sur le Mac App Store de deux façons, et elles ne traitent pas les captures d’écran de la même manière.

L’aide d’App Store Connect d’Apple signale un point utile : si une app iOS est sur le Mac App Store de cette façon et que vous publiez plus tard une app macOS sur la même fiche, l’app macOS la remplace. C’est à ce moment-là qu’il vous faudra une série de captures d’écran Mac.

Pour une app Catalyst, ne réutilisez pas vos captures d’écran iPad redimensionnées en 16:10. La version Mac a une barre des menus, des fenêtres redimensionnables et des interactions au pointeur, et les captures d’écran doivent montrer l’app telle que les utilisateurs Mac la verront. Notre guide des captures d’écran iPad traite la série iPad à part.

En quoi une série Mac diffère d’une série iPhone

Une capture d’écran iPhone est un canevas haut avec un téléphone au milieu et un titre en haut. Une capture d’écran Mac est large, et ce qu’elle contient est une fenêtre pleine de petits éléments d’interface. Quelques ajustements fonctionnent en général :

• Mettez le titre à côté de la fenêtre, ou au-dessus d’une fenêtre recadrée. Sur un canevas 16:10, un titre dans le tiers gauche, avec la fenêtre qui déborde du bord droit, se lit souvent mieux qu’une petite fenêtre sous une bande de texte.
• Recadrez. Une fenêtre d’app entière en taille vignette est presque illisible. Zoomez sur la partie qui compte, comme un panneau d’inspecteur, une timeline ou un seul document, et laissez le reste sortir du cadre.
• Montrez les atouts propres au Mac. Plusieurs fenêtres, les raccourcis clavier, un élément dans la barre des menus, le glisser-déposer entre apps, un grand canevas. Ce sont les raisons pour lesquelles on veut précisément la version Mac.
• Oubliez les cadres d’iPhone. Si vous utilisez un appareil, prenez un Mac. Montrer un téléphone sur une fiche Mac brouille ce que la personne est en train de télécharger.
• Gardez des titres courts. Le canevas est plus grand, mais la capture d’écran est toujours vue en petit dans les résultats de recherche et sur la page produit. Les mêmes règles de rédaction s’appliquent.

Localiser les captures d’écran Mac

Les captures d’écran Mac se localisent par langue dans App Store Connect, comme celles de l’iPhone. Si votre app est traduite, capturez l’interface localisée en plus de traduire les titres. Un titre en allemand au-dessus d’une fenêtre en anglais fait inachevé. Deux détails propres au Mac :

• Changez la langue de l’app sans changer celle de votre Mac. macOS permet de définir une langue par app dans Réglages Système, sous Général, puis Langue et région : vous pouvez ainsi capturer chaque langue sans toucher à la langue de votre système.
• Surveillez la largeur des fenêtres. Les libellés traduits dans les barres d’outils et les barres latérales sont souvent plus longs, et une fenêtre dimensionnée pour l’anglais peut les tronquer. Vérifiez chaque langue avec la fenêtre de 1440 × 900 points avant de capturer.

Notre guide pour localiser vos captures d’écran App Store explique quelles langues prioriser et ce qu’il faut adapter au-delà des mots.

Concevoir la série

Vous pouvez mettre en page une série Mac dans n’importe quel outil de design : créez des visuels de 2880 × 1800, déposez vos captures de fenêtre et exportez en 1x. Notre guide des captures d’écran App Store dans Figma détaille la configuration des composants, et tout s’applique directement aux tailles Mac.

Dans Launch Shots, l’éditeur propose des cadres d’appareil MacBook Pro et MacBook Air, et vous pouvez saisir n’importe quelle largeur et hauteur de canevas : un canevas Mac de 2880 × 1800 fonctionne donc. Les préréglages de taille intégrés couvrent en revanche l’iPhone, l’iPad et Android ; pour le Mac, vous définissez la taille vous-même.

Checklist des captures d’écran Mac App Store

• Chaque fichier fait 1280 × 800, 1440 × 900, 2560 × 1600 ou 2880 × 1800 pixels ; 2880 × 1800 de préférence.
• Entre 1 et 10 captures d’écran, JPEG ou PNG, sans transparence.
• Captures de fenêtre avec screencapture -w -o -x, à partir d’une fenêtre de 1440 × 900 points sur un Mac Retina.
• Ne pas déranger activé, icônes du bureau masquées, fond d’écran neutre, données réalistes, une seule apparence partout.
• App Catalyst : sa propre série Mac. App iPad sur puce Apple : pas besoin de série Mac à part.
• Titres courts et à côté de la fenêtre ; recadrez l’interface ; montrez ce que seule la version Mac sait faire.