Do you have a favicon in your webpage?
25/10/2018 8:34 AM by
A Favicon is a small image file included on professionally developed sites. The favicon reflects the look and feel of the website or the organizations' visual identity.
- Figure: Bad Example - When you don't add a favicon the user sees a generic icon
- Figure: Good Example - Using the favicon gives your website professional look and feel
Which formats and sizes to use?
The format of the image must be one of PNG (a W3C standard), GIF, or ICO. You can export your favicon in all necessary sizes on Favicon Generator website.
How to implement the favicon?
- Copy your company's favicon to the root of the site
- Add the highlighted code below inside the <HEAD> tags in your HTML
Figure: One line of HTML lets you add your company's icon to your web page
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
Do you feel this rule needs an update?