I disagree with certain points of the favicon advice about front-end-checklist

[thedaviddias]

Yes @volosovich, but it's because they are using Jekyll custom (generator-jekyllrb), it's something I'll probably use instead of default template by Github soon. 😉

[thedaviddias]

Hi @chris-morgan, maybe for the example, I need to add a subfolder like <link rel="icon" type="image/x-icon" href="https://example.com/img/favicon.ico" />. Indeed, pointing to the root is not necessary.

I hesitated to put PNG as recommended but I found on canisue.com:

• While all browsers support the .ico format, the PNG format can be preferable (I provided the link on the checklist)

And on CSS-Tricks:

• Altough all desktop browsers support favicon.ico, this file is mostly deprecated. Yes, you can still rely on this file and it will work as expected. But seriously, it's an old deprecated format. It is not used anywhere else in web technology. PNG is much more consistent.

It's why it seems to be better to use PNG instead of .ICO. What do you think?

[volosovich]

Hey!
Your site http://frontendchecklist.com doesn't have favicon :)

[volosovich]

http://yeoman.io/
https://github.com/yeoman/yeoman.github.io/tree/source/app
has favicon :)

[andydavies]

There are other HTTP clients (bookmarking services etc) that will look for favicon.ico in the root.

And if there's not one there they'll get a 404, and if you serve a custom error page then they'll get that instead (seen sites where they were serving a 40KB error page rather than a tiny icon)

So I recommend to clients they have a favicon.ico even if they don't link to it in the page

It's worth mining server logs to see what other icons are being requested for the same reason

[thedaviddias]

Ahahaha @volosovich! Indeed but it's because it is generated by Github Pages and they don't give the possibility to add a Favicon. 😀

[thedaviddias]

@chris-morgan what do you think, regarding my previous response?

[thedaviddias]

Thanks @andydavies for your feedback. I'll change the rule to take that into consideration. Don't hesitate to do a PR.

[thedaviddias]

Hi @chris-morgan, @andydavies, regarding that page https://en.wikipedia.org/wiki/Favicon it seems to put the favicon at the root, is not the best option compared to <link rel="shortcut icon" href="http://example.com/myicon.ico"> for example. What do you think? What you propose as an alternative to the current text?

[chris-morgan]

Iff you have no other rel=icon links, then <link rel="shortcut icon" href=/favicon.ico> is completely superfluous.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. If you have any question, please contact me directly at [email protected]. Thank you for your contributions to that project!