Search code examples
htmlfavicon

favicon not loading simple implementation


I have looked over pretty simple implementations of how to implement a favicon.

The following code is on the landing page of my website:

<!-- Icon -->
<link rel="icon" type="image/jpg" href="Pictures/logo.jpg">

Strangely the icon is not loading, am I required to load a specific library? I know that the image does not necessarily need to be compressed into a 16x16 image. Thanks for the help!


Solution

  • Using jpg files is not recommended for favicons (by the way, IE does not support it). It is recommended to use ico and png formats which are supported by all browsers.

    It is also recommended to place the files in the root of your website. Some browsers only support favicons in the root.

    However, it is very complex to create favicon files that will look good in all browser (including smart phones and tablets). Check this article for more details, and it contains a very nice generator.