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!
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.