Taking & Editing Screenshots for Your App

If you turned your website into an app with webtoapp.design, it's easy to take screenshots that fulfill all the requirements set by the app stores. Let's first take a look at the requirements and then how you can take screenshots of your app.

Screenshot Requirements

Play Store Screenshot Requirements

The Play Store isn't strict with screenshot requirements:

• At least 2 screenshots
• Width and height between 320px and 3840px
• PNG or JPEG file format with no transparency
• 16:9 or 9:16 aspect ratio
• Less than 8MB per image

These requirements are exactly the same for smartphone, 7 inch and 10 inch tablet screenshots.

Apple App Store Screenshot Requirements

• 1-10 6.5 inch screenshots (1284 x 2778 pixels or 1242 x 2688 pixels)
• 1-10 5.5 inch screenshots (1242 x 2208 pixels)
• 1-10 12.9 inch screenshots (2048 x 2732 pixels)
• PNG or JPEG file format with no transparency

Taking Your Own Screenshots

Automatic Screenshot Taking

You can find our solution for automatically taking screenshots of your app in all sizes in your app dashboard. It's relatively low effort, since you just need to enter URLs of the pages you want a screenshot of and our server does the rest. You just need to wait a bit. The downside is that it's less flexible, so it can't scroll on your website, close popups or log in.

Manual Screenshot Taking

If the downsides of our automatic screenshot taking tool are too big in your case try out our manual screenshot tool. As we've mentioned, you need screenshots of your app in use on various devices. On that page you can easily run your app on all those devices in the browser. The only downside is that it takes a lot longer than the automatic screenshot taking. But it's still a lot quicker than buying all those devices and manually installing your app on them.

Taking Screenshots in the Browser

If you use the "Just Website" layout for your app, you can also take your own screenshots by screenshotting your browser. Here's how to do it in Firefox and Chrome:

1. Open the page on your website of which you want to take a screenshot.
2. Open the browser developer tools with one of these key combinations:

   • Ctrl + Shift + I

   • ⌘ + ⌥ + I (on MacOS)

   • F12

3. Press CTRL + SHIFT + M to open the device toolbar.
4. Enter the desired screenshot size at the top of your screen.
5. With Firefox, you can just right-click on the page to take a screenshot. On Chrome, press CTRL + SHIFT + P and type "Screenshot". Then select "Capture Screenshot".

Editing Your Screenshots

If you'd like, you can edit the screenshots, e.g. by adding a device frame and additional marketing material. Here's an example from Youtube's app store listing:

Keep these caveats in mind though:

• The device frame must be an Apple device on your App Store screenshots.
• The device frame must match the device the screenshot is for. For example your iPad screenshots can't show an iPhone or a laptop.
• Every screenshot must contain your app. You can't have some screenshots that only contain marketing material.

If you don't follow these rules, Apple will reject your app.