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

Mis à jour le 13. septembre 2024 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) ou 1-10 captures d'écran de 6,9 pouces (1290 x 2796 pixels ou 1320 x 2868 pixels)
  • 1-10 captures d'écran de 13 pouces (2048 x 2732 pixels ou 2064 x 2752 pixels)
  • Format de fichier PNG ou JPEG sans transparence

Prendre vos propres captures d'écran

Prendre des captures d'écran avec notre aperçu d'application en ligne

La manière la plus simple et la plus flexible de prendre des captures d'écran est d'utiliser l'outil de capture d'écran sur notre site web. Comme nous l'avons mentionné, vous avez besoin de captures d'écran de votre application en cours d'utilisation sur divers appareils. Sur cette page, vous pouvez facilement exécuter votre application sur tous ces appareils dans le navigateur et télécharger des captures d'écran en un clic.

Prendre des captures d'écran sur vos appareils physiques

Cette méthode de prise de captures d'écran n'est pas réalisable pour la plupart des gens. Il est préférable d'utiliser l'une des méthodes expliquées ci-dessus.

Nous avons listé les formats de captures d'écran requis ci-dessus. Vous aurez besoin d'au moins 4 appareils pour répondre à ces exigences :

  • N'importe quel téléphone Android avec lequel vous devez prendre au moins 2 captures d'écran
  • Un iPhone de 6,5 pouces, 6,7 pouces ou 6,9 pouces
  • Un iPad de 13 pouces

Ici, vous pouvez déterminer quels appareils Apple ont la taille requise.

Si vous avez tous les appareils requis (ou pouvez les emprunter à un ami), vous pouvez alors installer l'application de cette manière :

Prendre des captures d'écran dans le navigateur

Cette méthode de prise de captures d'écran n'est pas recommandée car il est difficile de faire en sorte que les captures d'écran du navigateur ressemblent à celles de l'application. Il est préférable d'utiliser l'une des méthodes expliquées ci-dessus.

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)".

Ensuite, vous devez recadrer la capture d'écran pour vous assurer qu'elle ne contient que votre site web, sans aucun bouton ni la barre d'URL du navigateur.

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 suis Jan ! J'ai créé webtoapp.design en 2019 pendant 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 gère webtoapp.design. Nous sommes devenus une équipe mondiale, entièrement à distance et avons acquis beaucoup d'expérience dans le développement et 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 millions de fois.