Do you have a favicon in your webpage?
  v3.0 Posted at 14/12/2015 8:37 PM by Martin Li

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?

  1. Copy your company's favicon to the root of the site​
  2. Add the yellow code below inside the <HEAD> tags in your HTML

<title>Page Title</title>
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />

Figure: One line of HTML lets you add your company's icon to your web page

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.

Related rules

    Do you feel this rule needs an update?

    If you want to be notified when this rule is updated, please enter your email address:


    Note: Social Media login for Yotpo is not working in IE or Safari, please use Chrome. We are waiting for Yotpo to fix it.