Taking & Editing Screenshots for Your App

Updated on 31. July 2023 by Jan Bunk

a floating camera taking a photo of a smartphone, digital art

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:

A screenshot of the youtube app with additional marketing copy above it.

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.

Related Articles

The android mascot receiving a push notification on a smartphone, digital art

Update Your App to be Ready for Android 13

Android 13 has been released - apps need to be updated to receive push notifications.

a robot processing a conveyor belt of lightbulbs, digital art

How We Decide Which Features to Build

To create the best website to app converter, we're continuously looking for new features to add. Here's how we decide what to build next.

A robot showing an app to other robots, digital art

The Easiest Way to Let People Download Your App

Here's a convenient way to share your app with your website users.

Author Jan Bunk
Written by
Jan Bunk

Hi, I'm Jan! I created webtoapp.design in 2019 while studying computer science in university. A lot has changed since then - not only have I graduated, but it's also no longer just me running webtoapp.design. We've grown to a global, fully remote team and have gathered lots of experience around app development and app publishing. We've created and published hundreds of apps in the app stores, where they've been downloaded hundreds of thousands of times.