Prendre et éditer des captures d'écran pour votre application

Mis à jour le 31. juillet 2023 par Jan Bunk

un appareil photo flottant prenant la photo d'un smartphone, art numérique

Si vous avez transformé votre site web en une application avec webtoapp.design, il est facile de faire des captures d'écran qui répondent à toutes les exigences des magasins d'applications. Voyons d'abord quelles sont ces exigences, puis comment vous pouvez prendre des captures d'écran de votre application.

Exigences relatives aux captures d’écran

Exigences relatives aux captures d’écran du Play Store

Le Play Store n'est pas très strict sur les exigences en matière de capture d'écran :

  • Au moins 2 captures d'écran
  • Largeur et hauteur entre 320px et 3840px
  • Format de fichier PNG ou JPEG sans transparence
  • Proportions 16:9 ou 9:16
  • Moins de 8MB par image

Ces exigences sont exactement les mêmes pour les captures d'écran de smartphones, de tablettes 7 pouces et 10 pouces.

Exigences relatives aux captures d'écran de l'App Store d'Apple

  • 1-10 captures d'écran de 6,5 pouces (1284 x 2778 pixels ou 1242 x 2688 pixels)
  • 1-10 Captures d'écran de 5,5 pouces (1242 x 2208 pixels)
  • 1-10 Captures d'écran de 12,9 pouces (2048 x 2732 pixels)
  • Format de fichier PNG ou JPEG sans transparence

Prendre vos propres captures d'écran

Prise automatique de captures d'écran

Vous pouvez trouver notre outil pour prendre automatiquement des captures d'écran de votre application dans toutes les tailles dans votre tableau de bord de l'application. C'est une méthode relativement simple, puisqu'il vous suffit d'entrer les URL des pages dont vous voulez faire une capture d'écran, et notre serveur se charge du reste. Il vous suffit de patienter quelques instants. L'inconvénient est que cet outil est moins flexible, il ne peut donc pas faire défiler votre site web, fermer les fenêtres contextuelles ou se connecter.

Prise manuelle de captures d'écran

Si les inconvénients de notre outil de capture d'écran automatique sont trop importants pour vous, essayez notre outil de capture d'écran manuel. Comme nous l'avons mentionné, vous avez besoin de captures d'écran de votre application sur différents appareils. Sur cette page, vous pouvez facilement exécuter votre application sur tous ces appareils dans le navigateur. Le seul inconvénient est que cette méthode prend beaucoup plus de temps que la prise automatique de captures d'écran. Néanmoins, c'est beaucoup plus rapide que d'acheter tous ces appareils et d'y installer manuellement votre application.

Prendre des captures d'écran dans le navigateur

Si vous utilisez la mise en page "Just Website (Site web uniquement)" pour votre application, vous pouvez également réaliser vos propres captures d'écran en effectuant une capture d'écran de votre navigateur. Voici comment procéder avec Firefox et Chrome :

  1. Ouvrez la page de votre site web sur laquelle vous souhaitez effectuer une capture d'écran.
  2. Ouvrez les outils de développement du navigateur en utilisant l'une des combinaisons de touches suivantes :
    • Ctrl + Shift + I
    • ⌘ + ⌥ + I (sur macOS)
    • F12
  3. Appuyez sur CTRL + SHIFT + M pour ouvrir la barre d'outils de l’appareil.
  4. Saisissez la taille de la capture d'écran souhaitée en haut de votre écran.
  5. Avec Firefox, il vous suffit de faire un clic droit sur la page pour prendre une capture d'écran. Sur Chrome, utilisez le raccourci CTRL + MAJ + I pour faire apparaître la console web puis appuyez sur CTRL + MAJ + P et tapez "Screenshot (Capture d’écran)". Sélectionnez ensuite "Capture Screenshot (Prendre une capture d'écran)".

Modifiez vos captures d'écran

Si vous le souhaitez, vous pouvez modifier les captures d'écran, par exemple, en ajoutant un cadre pour l'appareil et du matériel de marketing supplémentaire. Voici un exemple tiré de la fiche descriptive de YouTube :

Une capture d'écran de l'application YouTube avec du contenu marketing supplémentaire au-dessus.

Gardez toutefois à l'esprit les mises en garde suivantes :

  • Le cadre de l'appareil doit être un appareil Apple sur vos captures d'écran pour l'App Store.
  • Le cadre de l'appareil doit correspondre à l'appareil pour lequel la capture d'écran a été réalisée. Par exemple, vos captures d'écran d'iPad ne peuvent pas montrer un iPhone ou un ordinateur portable.
  • Chaque capture d'écran doit afficher votre application. Vous ne pouvez pas présenter des captures d'écran qui ne contiennent que du matériel de marketing.

Si vous ne respectez pas ces règles, Apple rejettera votre application.

Articles connexes


La mascotte Android recevant une notification push sur un smartphone, art numérique

Mettez à jour votre application pour qu'elle soit prête pour Android 13

Android 13 a été publié - les applications doivent être mises à jour pour recevoir les notifications push.

un robot traitant un tapis roulant d'ampoules électriques, art numérique

Comment nous décidons des fonctionnalités à développer

Pour créer le meilleur convertisseur de site web en application, nous sommes constamment à la recherche de nouvelles fonctionnalités à ajouter. Voici comment nous décidons de ce que nous allons développer ensuite.

Un robot montrant une application à d'autres robots, art numérique

La façon la plus simple de permettre aux utilisateurs de télécharger votre application

Voici un moyen pratique pour partager votre application avec les utilisateurs de votre site web.


Auteur Jan Bunk
Écrit par
Jan Bunk

Bonjour, je m'appelle Jan ! J'ai créé webtoapp.design en 2019 alors que j'étudiais l'informatique à l'université. Beaucoup de choses ont changé depuis - non seulement j'ai obtenu mon diplôme, mais ce n'est plus seulement moi qui dirige webtoapp.design. Nous sommes devenus une équipe mondiale, entièrement à distance, et nous avons accumulé beaucoup d'expérience autour du développement et de la publication d'applications. Nous avons créé et publié des centaines d'applications dans les magasins d'applications, où elles ont été téléchargées des centaines de milliers de fois.