Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feature(pwa): add multiple custom size transparent PNGs #271

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

yuvarajsai
Copy link
Contributor

@yuvarajsai yuvarajsai commented Dec 14, 2024

This PR helps to improve PWA support as the discussion started with the issue #79.

  1. Added id to manifest so that PWA could be uniquely identified. Click here to read why do we need id.

  2. Added multiple custom size transparent logo PNGs.
    image

  3. Added maskable icon so that it fits in minimum safe area and can be used in all other app icon shapes.

image

Left: normal logo
Right: maskable logo
image

The link to verify / edit maskable icons is Maskable.app and was referred from Adaptive icon support in PWAs with maskable icons

Desktop app icon Before:
image

After:
Desktop: image

Mobile:
image

@yuvarajsai
Copy link
Contributor Author

@scastiel , can you please review this?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant