[GH-ISSUE #884] Windows notification icon display issue #627

New issue

Closed

opened 2026-05-07 00:26:01 +02:00 by BreizhHardware · 2 comments

BreizhHardware commented

2026-05-07 00:26:01 +02:00

Owner

Originally created by @ZhangTianrong on GitHub (Sep 16, 2023).
Original GitHub issue: https://github.com/binwiederhier/ntfy/issues/884

🐞 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

Originally created by @ZhangTianrong on GitHub (Sep 16, 2023). Original GitHub issue: https://github.com/binwiederhier/ntfy/issues/884 :lady_beetle: **Describe the bug**  The Ntfy icon displayed in Windows notifications seem to be too large so it gets cut on the right: :computer: **Components impacted**  web app :bulb: **Screenshots and/or logs**  ![image](https://github.com/binwiederhier/ntfy/assets/20651728/8a5fd43d-a02a-4e30-b284-4a1aa2f7a979) :crystal_ball: **Additional context**

BreizhHardware

2026-05-07 00:26:01 +02:00

closed this issue
added the
web-app

🪲 bug
labels

BreizhHardware commented

2026-05-07 00:26:01 +02:00

Author

Owner

@ZhangTianrong commented on GitHub (Mar 5, 2025):

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:

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.
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?

@ZhangTianrong commented on GitHub (Mar 5, 2025): 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: ![Image](https://github.com/user-attachments/assets/fd4e38c3-78b6-4cf1-a6ed-ad4263237755) 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?

BreizhHardware commented

2026-05-07 00:26:01 +02:00

Author

Owner

@binwiederhier commented on GitHub (Feb 2, 2026):

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 github.com/binwiederhier/ntfy@f4fe62bd91 -- This will be fixed in the next release.

@binwiederhier commented on GitHub (Feb 2, 2026): 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 https://github.com/binwiederhier/ntfy/commit/f4fe62bd919fbaed2da4fde64695ca849b3cd993 -- This will be fixed in the next release.