Pick larger size for favicon when available

vladstudio · Sep 14, 2022

I noticed that favicon of https://web.whatsapp.com is blurred, unlike most other icons:

I think it is a 16x16 icon that looks blurred on a Retina screen. Looking at the source code, I see that there's 32x32 icon available:

<link rel="icon" sizes="16x16" href="/img/favicon/1x/favicon.png"
                        type="image/png">
<link rel="icon" sizes="32x32" href="/img/favicon/2x/favicon.png"
                        type="image/png">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" sizes="194x194" href="/apple-touch-icon.png"
                        type="image/png">

Would it be possible & easy to pick larger favicon if available?

Vlad · Sep 15, 2022

vladstudio

Hm, we should be picking apple touch icon in this case?

As always, what does Safari do? (this question helps us answer default WebKit behavior)

vladstudio · Sep 15, 2022

Yeah it's blurred in Safari too. Case closed :-)