Make WordPress Core

Opened 4 years ago

Last modified 14 months ago

#36444 new defect (bug)

Site Icon: Previews for Transparent PNGs can appear blank.

Reported by: mikeschroder Owned by:
Milestone: Priority: normal
Severity: normal Version: 4.3
Component: Customize Keywords: needs-patch
Focuses: Cc:


If you crop a transparent PNG whose graphic is mostly black, and is transparent, it gets hidden in its app icon preview. This is apparent while cropping in 4.4.x, and both while cropping and in the Customizer sidebar in 4.5.

It's more obvious in WordPress 4.5 due to the move of the app icon/tab preview to the Customizer Sidebar.


Logo to test with to be attached shortly.

Attachments (2)

wordpress-logo-hoz-rgb.png (8.9 KB) - added by mikeschroder 4 years ago.
dark-browser-dark-icon.PNG (1.6 KB) - added by celloexpressions 4 years ago.

Download all attachments as: .zip

Change History (3)

#1 @celloexpressions
4 years ago

Not sure if there's much we can do about this. If the image is predominantly light, it won't show up in the browser icon preview. If it's dark it won't show up in the app icon preview. Depending on the device or browser, a transparent icon could very well be hard to see, and that's a risk that the current setup helps content authors be more aware of. See attached example in the MS Edge browser in dark mode.

Note: See TracTickets for help on using tickets.