23 lines (16 loc) · 764 Bytes

PWA Icon Requirements

To make your PWA work perfectly, you should have these icon sizes:

Required Icons (create these from your existing safenote.png):

Icon 192x192 - safenote-192.png
Icon 512x512 - safenote-512.png
Maskable Icon 512x512 - safenote-maskable.png

How to Create These:

Option 1: Use an online PWA icon generator

Go to https://www.pwabuilder.com/imageGenerator
Upload your safenote.png
Download the generated icons

Option 2: Use any image editor

Resize safenote.png to 192x192 and save as safenote-192.png
Resize safenote.png to 512x512 and save as safenote-512.png
For maskable icon, add some padding around the logo and save as safenote-maskable.png

Place all icons in the /public folder.