I noticed in Firefox iOS, which uses site favicons to represent frequently-visited or recently-visited sites (I'm not sure which). The favicon for BMO is represented very poorly, likely due to it being a 16x16 icon being upsized by Firefox iOS to 1024x1024 pixels at 2x-3x hidpi: ``` $ curl -s https://bugzilla.mozilla.org/extensions/BMO/web/images/favicon.ico | file - /dev/stdin: MS Windows icon resource - 1 icon, 16x16, 32 bits/pixel ``` Could we provide higher-resolution icons for clients that support them? From the screenshot, a couple of examples that look acceptable: ``` $ curl -s 'https://jira.mozilla.com/[redacted]/images/fav-jsw.png' | file - /dev/stdin: PNG image data, 128 x 128, 8-bit/color RGBA, non-interlaced $ curl -s https://cdn.sso.mozilla.com/nlx/10f7082/images/favicon.png | file - /dev/stdin: PNG image data, 196 x 196, 8-bit/color RGBA, non-interlaced ``` And from the Mozilla.org homepage, where their Windows .ico of last resort is 4x the resolution of BMO's: ``` <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="https://www.mozilla.org/media/img/favicon/apple-touch-icon-180x180.8772ec154918.png"> <link rel="icon" type="image/png" sizes="196x196" href="https://www.mozilla.org/media/img/favicon/favicon-196x196.c80e6abe0767.png"> <link rel="shortcut icon" href="https://www.mozilla.org/media/img/favicon.d4f1f46b91f4.ico"> /dev/stdin: PNG image data, 180 x 180, 8-bit grayscale, non-interlaced /dev/stdin: PNG image data, 196 x 196, 8-bit grayscale, non-interlaced /dev/stdin: MS Windows icon resource - 1 icon, 64x64, 32 bits/pixel ```
Bug 1558609 Comment 0 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
I noticed in Firefox iOS, which uses site favicons to represent frequently-visited or recently-visited sites (I'm not sure which). The favicon for BMO is represented very poorly, likely due to it being a 16x16 icon being upsized by Firefox iOS to (guessing) 1024x1024 pixels at 2x-3x hidpi: ``` $ curl -s https://bugzilla.mozilla.org/extensions/BMO/web/images/favicon.ico | file - /dev/stdin: MS Windows icon resource - 1 icon, 16x16, 32 bits/pixel ``` Could we provide higher-resolution icons for clients that support them? From the screenshot, a couple of examples that look acceptable: ``` $ curl -s 'https://jira.mozilla.com/[redacted]/images/fav-jsw.png' | file - /dev/stdin: PNG image data, 128 x 128, 8-bit/color RGBA, non-interlaced $ curl -s https://cdn.sso.mozilla.com/nlx/10f7082/images/favicon.png | file - /dev/stdin: PNG image data, 196 x 196, 8-bit/color RGBA, non-interlaced ``` And from the Mozilla.org homepage, where their Windows .ico of last resort is 4x the resolution of BMO's: ``` <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="https://www.mozilla.org/media/img/favicon/apple-touch-icon-180x180.8772ec154918.png"> <link rel="icon" type="image/png" sizes="196x196" href="https://www.mozilla.org/media/img/favicon/favicon-196x196.c80e6abe0767.png"> <link rel="shortcut icon" href="https://www.mozilla.org/media/img/favicon.d4f1f46b91f4.ico"> /dev/stdin: PNG image data, 180 x 180, 8-bit grayscale, non-interlaced /dev/stdin: PNG image data, 196 x 196, 8-bit grayscale, non-interlaced /dev/stdin: MS Windows icon resource - 1 icon, 64x64, 32 bits/pixel ```