1558609 - BMO favicon looks ugly in Firefox iOS

Status: RESOLVED DUPLICATE of bug 1241904

(bugzilla.mozilla.org :: General, defect)

Description

[:Atoll]

Attachment: Screenshot of BMO icon looking bad in Firefox iOS on an iPhone XS

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