Taking & Editing Screenshots for Your App

Posted on 25. October 2022 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, we will automatically take screenshots in all required formats for you. You simply enter the URLs of the pages of your website that you want a screenshot of in your app dashboard.

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

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.
  • 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.