PWA Screenshots Generator & Editor

Create high-resolution screenshots of your app in a few minutes without design skills — it's free!

No sign-up
No paywalls
No watermarks
or

Frequent questions

Why is this tool free?

This screenshot creation tool is one of the many utilities available in Progressier, our all-in-one PWA toolkit. We made it available on this page for free, because we weren't satisfied with the existing alternatives. There are similar tools, but they tend to have features behind paywalls and/or add watermarks to your screenshots. With this tool, your screenshots are rendered without watermarks. And you get access to all our PWA screenshot creation features. As long as all you need is screenshots, it's completely free.

How does a PWA use screenshots?

You can add screenshots to your app manifest to showcase your app in action. Screenshots are displayed during the installation process as part of the install prompt (see example). Screenshots are optional but a PWA that has screenshots tends to look more native and get more installs.

What should my PWA screenshots highlight?

Screenshots should highlight the top features of your PWA. This tool comes with an automatic URL scanning feature for easy and quick capture of your app in action.

How can I add screenshots to my PWA's app manifest?

In your manifest, screenshots are an array of objects, each representing a single screenshot. You can see the parameters of the screenshot object here. You can use this tool to create, design and export screenshots. Host each of the screenshots on your server and link to their URL in your screenshot object array.

Where should I host my PWA screenshots?

If you're using Progressier, your PWA screenshots are automatically hosted and added to your app manifest for you for free. Else, there are plenty of options for free hosting, e.g. Github.

How is this screenshot creation tool different from alternatives?

With this tool, we're trying to make it really quick and easy to create and design app-store ready screenshots. That's why we have a ton of keyboard shortcuts, an automatic element alignment feature, as well as a URL screenshotting tool so that you don't have to use another piece of software for capturing previews of the pages of your app. You can even use the tool from your smartphone!

What is the recommended file format for PWA screenshots?

PWA screenshots must be image files in either .PNG or .JPG format. JPG is generally a better format to use for PWA screenshots as they're smaller in size and will be fetched faster.

What devices can be used to create screenshots?

The tool includes mockups of an iPhone 13, iPad Pro, Google Pixel 6, Samsung Galaxy S22 as well generic unbranded phones.

What size must a PWA screenshot be?

By default, screenshots created with our tool are 1080x1920 pixels in .jpg format. The official specs don't require a specific size. The width and height of your screenshots must be at least 370px and at most 3840px. The maximum dimension can't be more than 2.3 times as long as the minimum dimension. So screenshots can be landscape, square or portrait. However, every screenshot in a set must have the same aspect ratio. Only JPG and PNG image formats are supported.

How many screenshots can I display in my PWA?

There isn't an actual limit per se. But displaying more than 6 or 7 is generally not recommended. Keep in mind that more screenshots means more image files for the browser to download and more images for you to manage.

How can I display screenshots in different languages in my PWA?

The screenshots property of the app manifest does not directly allow you to configure different sets of screenshots for different languages. However, with Progressier, you can create multiple sets of screenshots to display when a specific language, a specific OS, or a combination of both, are in use.

Can I use different screenshots on desktop and mobile?

In each screenshot in your app manifest, you can set the platform parameter to display different screenshots on different platforms. You can set the platform parameter to wide (for desktop and tablets) or narrow (for smartphones and wearables). It can also be set to more specific values, such as android, chromeos, ios, kaios, macos, windows and xbox for the screenshots to display on specific operating systems or to chrome_web_store, play, itunes, microsoft-inbox and microsoft-store for the screenshots to display on specific application distribution platforms.

Can I use this tool to generate screenshots for Google Play and the App Store?

Sure! After you've created the screenshots and exported them, you can upload the raw file of the project on this page again to pick up where you left off.

Can screenshots be displayed during installation on desktop?

Not yet. Currently, screenshots are only displayed on Android. Although Google is currently testing more native-looking install prompts on desktop as well. You can enable the feature in Chrome Canary 105 by launching the browser with --enable-features=DesktopPWAsDetailedInstallDialog as a command line flag. If you're using the Progressier Install Page, your screenshots are displayed on both mobile and desktop.

Do PWA screenshots need to be all the same size?

Not necessarily, but they must all have the same aspect ratio. If they're in different aspect ratios, only screenshots that are in same aspect ratio as the first will be displayed.

Who created this screenshot tool?

This screenshot generator tool was created by Kevin Basset and .

Your app here

Looking for a more complete solution?

With Progressier, manage your PWA screenshots, splash screens, app icons, push notifications, caching strategies and more — in an intuitive dashboard.

Get started See plans