Do you have a favicon in your webpage?
14/12/2015 8:37 PM by
A Favicon is a small image file included on professional developed sites. The favicon reflects the look and feel of the web site 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 to use?
The size for the image you will use is 16x16 pixels, using either 8-bit or 24-bit colors. The format of the image must be one of PNG (a W3C standard), GIF, or ICO.
Note: Some Internet Explorer versions supports ICO only. Search for an image converter in Google to create an ICO file.
How to implement the favicon?
- Copy your company's favicon to the root of the site
- Add the yellow 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" />
This works for most websites, including ASPX WebForms, MVC and WordPress.
We have a program called SSW Code Auditor to check for this rule.
We have a program called SSW Link Auditor to check for this rule. We offer a rule sample page for demo scan.
Do you feel this rule needs an update?