Windows notification icon display issue

[ZhangTianrong]

🐞 Describe the bug

The Ntfy icon displayed in Windows notifications seem to be too large so it gets cut on the right:

💻 Components impacted

web app

💡 Screenshots and/or logs

🔮 Additional context

[ZhangTianrong]

I can confirm that this is due to /static/images/ntfy.png being non-square. This image is 101x86 but the icon of Windows notification is supposed to be square. By replacing it with a square one, I am able to get notifications to look like the following:

If someone wants to build ntfy to perform this change, note that:

1. If the push notification cannot be triggered and complains:

   Error refreshing web push subscriptions AbortError: Failed to execute 'subscribe' on 'PushManager': Subscription failed - no active Service Worker
   

   For Chromium browsers, toggle on Update on Refresh in DevTools → Application → Service Workers and refresh. For other browsers, search for the equivalent action to take.
2. If /static/images/ntfy.png is still 101x86 in DevTools → Application → Cache Storage despite clearing site data and browser cache, make sure to purge the cache from the name server like Cloudflare as well to have the changes you have made reflected immediately.

From what I see, /static/images/ntfy.png is used exclusively for the icon of web push notifications in browsers and the open graph image. Is there any specific reason to insist on using a non-square image?

[binwiederhier]

I've updated the PWA and web push icon to be square: https://github.com/binwiederhier/ntfy/blob/main/web/public/static/images/ntfy.png in f4fe62b -- This will be fixed in the next release.