Do you add a favicon to your website?

A Favicon is an 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 the generic browser's 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> tag in your HTML

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

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.

Websites - Branding and Marketing

Websites - Graphics

Does your SharePoint site have a favicon?