Tray icon blurry in macOS

[BBaoVanC]

I have noticed that the tray icon on macOS appears very low-res (about 16x16).

Compare to the other tray icons to the right in the above screenshot.

MacBook Pro 13-inch (2560x1600 resolution) -- macOS 10.14.6 -- ElectronMail v3.7.1

[vladimiry]

The app scales the 128x128 icon down to 16x16 on macOS, related code is here. There was no such scaling initially but macOS was unable to scale big icons automatically, see the respective issue here.

Going to try disabling the downscaling when I get access to macOS system, maybe there will be no described above issue anymore since the app now uses upgraded @electron version.

[andy-asana]

So what dimensions should our PNG be to avoid blurriness?

[macbugs]

should be maximum allowed by OS in vertical dimension (22 pixels)
"menu bar icon" - https://iconhandbook.co.uk/reference/chart/osx

[vladimiry]

Currently for macOS system the tray icon gets stretched down 128x128 => 16x16 using Lanczos algorithm.

[vladimiry]

Can someone test this build (if you do, please specify macOS the version used)? The build comes with 16x16 => 22x22 increased size of the tray image.

[macbugs]

Tested on Mac OS 12.3
(image depicts "selected" mode with mouse button depressed)

note: this looks like 20 pixels to me, but at least the padding is balanced 👍
(and looks much better than Mac OS system icons)

However, this icon issue persists.

[vladimiry]

Thanks, so going to keep the updated/22x22 image size.

Btw, you can change the icon color to white so it doesn't stand out from the rest of your icons. See #376 (comment) for details.

[vladimiry]

However, this icon issue persists.

Same here?

[macbugs]

Btw, you can change the icon color

I like that... (and wish other apps supported this feature.)
Also here is a browser-based color chooser widget.

Same here?

Same. (Every icon below this size is corrupted)

[vladimiry]

Same.

I just got a regular image url back instead of used in the app release "data url" hoping maybe @electron has fixed the issue but it's still there. No more workaround ideas at the moment.

[macbugs]

Problem appears to be corrupted source image file, patch submitted #503

[vladimiry]

Same here?

Can you retest this build for the notification icon case (this build uses a static PNG icon so #376 (comment) should not effect the notification icon but only tray icon)? As I guess a static icon actually made a trick according to #503 (comment).

[vladimiry]

Tray icon size customization is going to be available in the next release, see #505 (comment).