Our ICO contains a number of icon sizes to allow the browser to choose a suitable size. The expectation is that if an icon is displayed as e.g. 48x48px, an icon of the same size should be prioritized if it exists. However, this is not the case. This is mainly an issue on mobile platforms, but there are a few inappropriate sizes on desktop platforms as well. Note that the tables below only contain information about when icons from the ICO are displayed too small. For a list of apple-touch-icons with this issue, see bug 8036.
Abbreviations used in tables: * A2HS - Add to home screen * A2HS app overv. - The overview shown in GNOME after pressing 'Show applications' * A2HS dock <size> - The GNOME favorites dock shows different sized icons depending on the number of open applications. The more applications open, the smaller the icons. (The full range is from XS to XL) Desktop platforms ╔═════════╦════════════════╦════════════╦════════════════╗ ║ Browser ║ Icon context ║ Used image ║ Displayed size ║ ╠═════════╩════════════════╩════════════╩════════════════╣ ║ Fedora 36 workstation ║ ╠═════════╦════════════════╦════════════╦════════════════╣ ║ Chrome ║ A2HS app overv.║ 192 ║ 96 ║ ╠═════════╬════════════════╬════════════╬════════════════╣ ║ ║ A2HS dock S ║ 32 ║ 24 ║ ╠═════════╬════════════════╬════════════╬════════════════╣ ║ ║ A2HS dock XL ║ 192 ║ 64 ║ ╠═════════╬════════════════╬════════════╬════════════════╣ ║ Firefox ║ shortcuts ║ 96 ║ 48 ║ ╠═════════╬════════════════╬════════════╬════════════════╣ ║ Edge ║ quick links ║ 32 ║ 24 ║ ╠═════════╬════════════════╬════════════╬════════════════╣ ║ ║ A2HS app overv.║ 192 ║ 96 ║ ╠═════════╬════════════════╬════════════╬════════════════╣ ║ ║ A2HS dock S ║ 32 ║ 24 ║ ╠═════════╬════════════════╬════════════╬════════════════╣ ║ ║ A2HS dock XL ║ 192 ║ 64 ║ ╠═════════╩════════════════╩════════════╩════════════════╣ ║ Windows 10 ║ ╠═════════╦════════════════╦════════════╦════════════════╣ ║ Chrome ║ shortcuts ║ 32 ║ 24 ║ ╠═════════╬════════════════╬════════════╬════════════════╣ ║ Firefox ║ shortcuts ║ 96 ║ 48 ║ ╠═════════╬════════════════╬════════════╬════════════════╣ ║ Edge ║ quick links ║ 32 ║ 24 ║ ╠═════════╬════════════════╬════════════╬════════════════╣ ║ ║ pin to taskbar ║ 32 ║ 24 ║ ╠═════════╩════════════════╩════════════╩════════════════╣ ║ Mac ║ ╠═════════╦════════════════╦════════════╦════════════════╣ ║ Chrome ║ shortcuts ║ 32 ║ 24 ║ ╠═════════╬════════════════╬════════════╬════════════════╣ ║ ║ A2HS ║ 144 ║ 64 ║ ╠═════════╬════════════════╬════════════╬════════════════╣ ║ Firefox ║ shortcuts ║ 96 ║ 48 ║ ╚═════════╩════════════════╩════════════╩════════════════╝ Mobile platforms: ╔════════════╦══════════════╦════════════╦════════════════╗ ║ Browser ║ Item ║ Used image ║ Displayed size ║ ╠════════════╩══════════════╩════════════╩════════════════╣ ║ Android 12 Galaxy Tab S7 (Scaling factor 2x) ║ ╠════════════╦══════════════╦════════════╦════════════════╣ ║ Chrome ║ tab ║ 192 ║ 34 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ ║ bookmark ║ 192 ║ 34 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ ║ share ║ 192 ║ 50 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ ║ A2HS dialog ║ 192 ║ 71 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ ║ A2HS ║ 192 ║ 84 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ Edge ║ tab ║ 192 ║ 34 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ ║ favorites ║ 192 ║ 43 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ ║ share ║ 192 ║ 51 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ ║ A2HS dialog ║ 192 ║ 71 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ ║ A2HS ║ 192 ║ 84 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ Sams. Int. ║ tab ║ 192 ║ 34 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ ║ bookmark ║ 192 ║ 77 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ ║ quick access ║ 192 ║ 77 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ ║ A2HS dialog ║ 192 ║ 84 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ ║ A2HS ║ 192 ║ 83 ║ ╠════════════╩══════════════╩════════════╩════════════════╣ ║ Android 13 Galaxy S22 U (Scaling factor 3.5x) ║ ╠════════════╦══════════════╦════════════╦════════════════╣ ║ Chrome ║ bookmark ║ 192 ║ 56 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ ║ share ║ 192 ║ 84 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ ║ A2HS dialog ║ 192 ║ 116 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ Edge ║ favorites ║ 192 ║ 70 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ ║ share ║ 192 ║ 84 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ ║ A2HS dialog ║ 192 ║ 116 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ Sams. Int. ║ bookmark ║ 192 ║ 126 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ ║ quick access ║ 192 ║ 130 ║ ╠════════════╩══════════════╩════════════╩════════════════╣ ║ iPadOS 16.1.1 ║ ╠════════════╦══════════════╦════════════╦════════════════╣ ║ Firefox ║ bookmark ║ 192 ║ 56 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ ║ shortcuts ║ 192 ║ 72 ║ ╠════════════╩══════════════╩════════════╩════════════════╣ ║ ChromeOS 107 ║ ╠════════════╦══════════════╦════════════╦════════════════╣ ║ Chrome ║ tab ║ 32 ║ 20 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ ║ bookmark ║ 32 ║ 20 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ ║ shortcuts ║ 32 ║ 30 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ ║ A2HS dialog ║ 64 ║ 40 ║ ╠════════════╬══════════════╬════════════╬════════════════╣ ║ ║ A2HS ║ 144 ║ 34 ║ ╚════════════╩══════════════╩════════════╩════════════════╝ For a full list of icon sizes used, see bug 7998.
Desktop platform A2HS icon issues have been moved to bug 8039.
Also, problem with Epiphany. From bug 7998, comment 38: https://gitlab.gnome.org/GNOME/epiphany/-/issues/1905
In the table above, we forgot to include an issue with Chrome webapps on Linux: ╔═════════╦════════════════╦════════════╦════════════════╗ ║ Browser ║ Icon context ║ Used image ║ Displayed size ║ ╠═════════╩════════════════╩════════════╩════════════════╣ ║ Fedora 36 workstation ║ ╠═════════╦════════════════╦════════════╦════════════════╣ ║ Chrome ║ Webapp ║ 32 ║ 19 ║ ╠═════════╬════════════════╬════════════╬════════════════╣ ║ Edge ║ Webapp ║ 32 ║ 19 ║ ╚═════════╩════════════════╩════════════╩════════════════╝ This has been reported to Chromium: https://bugs.chromium.org/p/chromium/issues/detail?id=1383495
The issue with desktop Firefox has been reported here: https://bugzilla.mozilla.org/show_bug.cgi?id=1803075 And the issue on iPadOS Firefox is reported here: https://github.com/mozilla-mobile/firefox-ios/issues/12534
Pierre also found a problem in Chrome's app settings with a slightly blurry icon. This has been reported to Chromium here: https://bugs.chromium.org/p/chromium/issues/detail?id=1395318 The various ChromeOS icon size issues has been reported here: https://bugs.chromium.org/p/chromium/issues/detail?id=1395050 The issue with the shortcut icon in Chrome on macOS has been reported here: https://bugs.chromium.org/p/chromium/issues/detail?id=1395056 Since the icon look the most blurry on macOS, we decided to only report the issue to Mac to start with. The issue that Chrome on Android only uses one icon size is reported here: https://bugs.chromium.org/p/chromium/issues/detail?id=1395083 The issues on Edge have not been reported since we didn't find a place to report them. Hopefully, Chromium fixes resolves the issues on Edge too.
Not all the cases in the table from comment 1 lead to visual issues. To summarise, the problems that are visible due to the wrong icon size being chosen are: Chrome on Linux --------------- * The web app window icon (More tools -> Create shortcut -> Open as window) look completely square. * Icon in chrome://apps looks blurry. Chooses size 144, but displays as 128¹. * Icon in app settings looks blurry. Chooses 64, displays as 36. Chrome on Mac ------------- * The shortcut icon (on the new tab page) looks very blurry. Chrome on Android ----------------- * The tab icon looks too square. * The bookmark icon looks too square. * The share icon looks too square. Chrome on ChromeOS ------------------ * The A2HS icon looks blurry. Edge on Linux ------------- * The quick links icon (on the new tab page) looks blurry. Edge on Android --------------- * The tab icon looks too square. * The share icon looks too square. Samsung Internet on Android --------------------------- * The tab icon looks too square. Firefox ------- No visible issues ¹ If a 128 icon is present in the ICO, that icon is chosen. Chrome behaves properly here.
(In reply to Linn from comment #6) > The issue with the shortcut icon in Chrome on macOS has been reported here: > https://bugs.chromium.org/p/chromium/issues/detail?id=1395056 > Since the icon look the most blurry on macOS, we decided to only report the > issue to Mac to start with. We must have missed something here. This issue does happen on all platforms (windows, linux and macOS). We asked to have the chromium issue updated to reflect this.
In Edge, a "sidebar" is shown by default. It is possible to add links to pages here. When doing this with webaccess, we get a blurry icon on Linux, Windows and macOS. Edge chooses icon 32x32, but displays it as 16x16. As mentioned earlier, we hope that the Chromium reports will solve most of the issues on Edge. However, since this sidebar isn't shown in Chrome, it is unclear what we can expect here.
After testing done on bug 7998, we found some additional problematic cases. See the complete list below: Chrome on Linux --------------- * New tab shortcut * App/Shortcut window icon * App/Shortcuts overview * App/Shortcut settings https://bugs.chromium.org/p/chromium/issues/detail?id=1383495 https://bugs.chromium.org/p/chromium/issues/detail?id=1395318 https://bugs.chromium.org/p/chromium/issues/detail?id=1395056 Edge on Linux ------------- * Sidebar * New tab icons * App window icon * Installed apps * Installed app details Hopefully handled by the Chromium reports above. Epiphany on Linux ----------------- * Tab icon * Bookmark menu https://gitlab.gnome.org/GNOME/epiphany/-/issues/1905 Chrome on ChromeOS ------------------ * New tab shortcut * Recently closed * History * Task manager * App/Shortcut launcher icon * Manage your apps * App settings https://bugs.chromium.org/p/chromium/issues/detail?id=1395050 Chrome on Windows ----------------- * App/Shortcut window icon * App/Shortcut launcher icon * App/Shortcuts overview * App/Shortcut settings https://bugs.chromium.org/p/chromium/issues/detail?id=1383495 Edge on Windows --------------- * Sidebar * New tab icons * App window icon * App launcher icon * Installed apps * Installed app details Hopefully handled by the Chromium report above. Chrome on macOS --------------- * App/Shortcut window icon * App/Shortcut launcher icon * App/Shortcuts overview * App/Shortcut settings https://bugs.chromium.org/p/chromium/issues/detail?id=1383495 Edge on macOS ------------- * Sidebar * New tab icons * App window icon * App launcher icon * Installed apps * Installed app details Hopefully handled by the Chromium report above.
One thing that complicates this bug is that Chrome can only handle max 8 icons in an ICO file due to a bug. This has been reported to Chrome: https://bugs.chromium.org/p/chromium/issues/detail?id=1381393
