In this example, I used mstile-144x144.png and no browserconfig.xml.For example, Yandex search engine expects it here. favicon.ico is in the root directory of your web site because this is a convention from IE.You might make it large, but for no significant benefits. Nothing to worry but if you can avoid them. If you place it or name it differently, you will probably notice 404 errors in your server's logs. apple-touch-icon.png is named this way and placed in the root directory of the web site because this is a convention from Apple.Lesser platforms will scale the icon down. apple-touch-icon.png is 180x180, which is the highest supported resolution by iOS (iOS 8 on iPhone 6+ and Retina iPad).A tile icon for IE on Windows 8 and 10.favicon.ico, for legacy browsers (think IE 9, 8.
I managed to get it to this.Įither way thanks for all the help and hopefully in the coming years they'll make a proper standard for the favicon! With a combination of this "cheat sheet", this tutorial, and the help from Philippe B. And as long as it works on most modern mobile devices I'm happy. Which is of course better for me as the amount of code/images has been decreased significantly. So with some further research I've gotten to this result which seems to work okay on most modern devices: So are the images/code parts really that important for Iphone or other mobile users? Or is it possible to have it a bit more optimised? Most other websites that make use of mobile favicons only use a handful of the above mentioned code, being the: 57x57, 72x72, 114x114 and the 144x144 this all being the apple-touch-icons. So I was wondering what I would be able to remove and what I should definitely keep to present it properly on "most" mobile devices.
Now the question here is, I've got the following code: īut for me this is just a too huge chunk of code to just show the favicon properly. Looking around I've gathered that I require various new sets of images/icons to actually present the "favicon" properly on various mobile devices like android, iphones and windows phones. So I'm doing some research regarding mobile site user experience and stumbled upon the fact of the whole favicon.ico being completely outdated and all.