Last updated: April 28, 2026

PWA (Progressive Web App) Image Size Cheat Sheet 2026

Q: What icon sizes do PWAs need?

PWAs require at minimum a 192x192 and 512x512 PNG icon in the web app manifest. Additional sizes like 48x48, 72x72, 96x96, 144x144, and 384x384 can be included for broader device coverage but are not strictly required.

Q: What is a maskable icon?

A maskable icon is a PWA icon designed with extra padding so the operating system can apply shaped masks (circle, squircle, rounded rectangle). The safe zone is the center 80% of the icon: all important content must fit within this area.

Q: How do I add PWA icons to my manifest?

Add an "icons" array in your manifest.json with objects containing "src", "sizes", "type" (image/png), and optionally "purpose" (any or maskable). Reference the manifest from your HTML with .

Q: Do I need separate maskable and regular icons?

Yes. A maskable icon has extra padding that looks wrong when displayed without masking. Provide both: one with purpose "any" for regular display and one with purpose "maskable" for devices that apply shaped masks.

Progressive Web Apps require specific icon sizes in the web app manifest to enable installation on mobile and desktop. The two essential sizes are 192x192 and 512x512 PNG. A maskable icon variant ensures your app icon looks correct on Android devices that apply different shaped masks. FastEdit generates all required PWA icon sizes from a single source image.

Start editing PWA (Progressive Web App) Icon 192

Pick this preset, drop your file, and FastEdit starts from the PWA (Progressive Web App) Icon 192 dimensions, format, and file-size target.

PWA (Progressive Web App) Image Size Cheat Sheet

Icon 192

192x192 PNG Max 200 KB

Standard PWA icon used on Android home screens and app switchers. Required in the web app manifest for basic installability.

Open PWA Icon 192 preset →

Icon 512

512x512 PNG Max 500 KB

High-resolution PWA icon used for splash screens and Chrome OS install prompts. Required alongside 192x192 for PWA installability.

Open PWA Icon 512 preset →

Maskable Icon

512x512 PNG Max 500 KB

Icon with extra padding for masked display. The safe zone is the inner 80% circle. Android applies round, squircle, or other shapes to this icon.

Open PWA Maskable Icon preset →

What can you create for PWA (Progressive Web App)?

Use these rows when you know the asset you need but not the exact settings. Each one points to the matching FastEdit workflow.

How to prepare PWA Icon 192

Open FastEdit with the PWA Icon 192 preset selected, drop your file, then export to this row's target: 192x192, PNG, max 200 KB.

pwa icon 192 sizepwa icon 192 dimensionsresize pwa icon 192create pwa icon 192

Open PWA Icon 192 preset →

How to prepare PWA Icon 512

Open FastEdit with the PWA Icon 512 preset selected, drop your file, then export to this row's target: 512x512, PNG, max 500 KB.

pwa icon 512 sizepwa icon 512 dimensionsresize pwa icon 512create pwa icon 512

Open PWA Icon 512 preset →

How to prepare PWA Maskable Icon

Open FastEdit with the PWA Maskable Icon preset selected, drop your file, then export to this row's target: 512x512, PNG, max 500 KB.

pwa maskable icon sizepwa maskable icon dimensionsresize pwa maskable iconcreate pwa maskable icon

Open PWA Maskable Icon preset →

Before you upload

Both 192x192 and 512x512 icons are required in the manifest: Chrome will not show the install prompt without them.
Maskable icons need all important content within the center 80% (the "safe zone"): the outer 20% may be cropped by the device.
Test maskable icons with the Maskable.app tool to preview how they look with different shaped masks.
Use the "purpose" field in your manifest to specify "any" for standard icons and "maskable" for padded variants.
Include both a standard and maskable version of your 512x512 icon for the best cross-device experience.

FAQ

What icon sizes do PWAs need?

What is a maskable icon?

How do I add PWA icons to my manifest?

Do I need separate maskable and regular icons?