dedehas
commented
3 months ago relevant links: https://realfavicongenerator.net/favicon_checker?protocol=http&site=balloonatelier.co.uk https://medium.com/web-dev-survey-from-kyoto/favicon-nightmare-how-to-maintain-sanity-7628bfc39918 https://caniuse.com/link-icon-svg https://favicomatic.com/ https://github.com/audreyfeldroy/favicon-cheat-sheet?tab=readme-ov-file
favicon SHOULD be all set up for nearly every available browser, on nearly every platform. favicon.ico in root covers most legacy cases with 16, 32, and 48 px sizes, and is labelled as 48 only to counteract a bug in chromium where it is selected over other more favourable options. apple touch icon is provided in 180x180 for home screen pins (iOS scales it down internally if necessary), this is also used in some other edge cases (untested and further research required). manifest is provided for android home screen pins in sizes 192 and 512, and provides support for standalone webapp in the android app switcher. monochrome transparent svg for safari pins on macOS is provided (untested), also used for the touch bar (also untested). svg xml file for most modern browsers is provided, this is the preferred choice as it is the most scalable, it is currently unclear whether chrome is actually using this over the .ico file (needs testing). browserconfig is provided for "metro" tiles on windows 8 and 10, with transparent pngs supporting small (70px) and medium (150px) square tiles, against one of the reccommended background colours. chrome tabs on android are also colour themed. version label is 1.2, both for my sanity and to force browsers that have already visited to reload any cached icons to the new ones. known unsupported cases: IE9 pins (24px), IE10 metro tile icons (144px), google TV icon (96px) and whatever the hell seamonkey browser is.