Currently, pictures embedded in favicon.ico are sorted by size (ie. first pic is the smallest one). However, on Mac OS with Retina screen, both Chrome and Firefox use the first favicon.ico embedded picture. This generates poor result.
The order of the embedded pictures should be reversed: highest resolution picture should come first.
The text was updated successfully, but these errors were encountered:
Strobey is correct with regard to Firefox (at least on Mac) picking up the last declared image, thusly to get the best result in Firefox (tested in 38.0.5 for Retina Mac) was to place the 32x32 icon last:
Placing higher resolutions such as 96x96 or 194x194 resulted in jagged edges for my circular icon, apparently Firefox can't scale the image well. This raises the issue about non-retina screens. Using a 32x32 icon on non-retina may have jagged edges, where as a 16x16 icon on a retina screen would look blurry.