1

Im trying to implement a favicon for a website for both mobile and desktop browsers.

AFAIK, the best way, for all desktop browsers, is currently placing a favicon.ico in the root directory of the website.

For latest version of desktop browsers, this is currently working for Chrome and Firefox. It does not work for Internet Explorer.

For mobile browsers, it does not work in Android nor in iOS.

This is what the favicon looks like in Chrome on Android:

https://i.stack.imgur.com/bT6sD.png

Is there a better way to do it? How can I do it for mobile browsers?

1 Answers1

0

Basically preparing a favicon could be a part of Grunt task for example like grunt-favicons.

Anyway if you just need some `best practices` you could refer to the resources like this. And you could use online tools to prepare favicons with all needed markup and explanation: realfavicongenerator.net

Also refer to this question: Favicons - Best practices

Community
  • 1
  • 1
Yuri
  • 1,748
  • 2
  • 23
  • 26
  • I tried using the generator but it wont work on Android's browser nor on iOS's (Safari) browser. –  Aug 06 '15 at 10:20
  • Have you tried [realfavicongenerator.net](http://realfavicongenerator.net/)? Go to their website and click 'Demo with this picture' for example. There will be Android and iOS too. – Yuri Aug 06 '15 at 10:21
  • Yup. Thats the one I used. – riahc3 Aug 06 '15 at 11:13
  • 2
    @riahc4 I'm the author of RealFaviconGenerator. We already exchanged a comment on another SO question. What you observe is definitely not normal, these cases were tested a lot of times. Is your site live so I can review it? – philippe_b Aug 07 '15 at 09:14
  • @philippe_b When you add to your app drawer in iOS and Android it works. The only place is does not work is on mobile browsers. –  Aug 08 '15 at 08:18
  • @riahc4 Sorry I don't get it. You mean that, if you add to home screen with iOS Safari or Android Chrome, you get a kind of default icon instead of the expected icon designed with RFG? – philippe_b Aug 09 '15 at 17:19
  • @philippe_b I added a link in the first post that shows what favicon Im talking about exactly. –  Aug 11 '15 at 06:38