Favicon is a small icon that identifies a website in a web browser.
Most browsers display the favicon of a website in the left side of the address bar, which is next to the URL. In some browsers you may see this favicon displayed in the browser tab, which is present in the next page title.
Favicons are also automatically saved , just like bookmarks or ” favorites “.
Favicons have been very popular since around 2000, while they are supported by all major web browsers. But in different browsers you will find different implementations of favicon.
For example, in Firefox, Internet Explorer, and Safari, favicons are displayed in the address bar, but in Google Chrome only you are displayed in page tabs.
Most browsers support favicons that are saved as GIF , PNG, and JPG files. But in Internet Explorer, favicons are displayed which are saved in .ICO format.
The most standard way to implement a Favicon into a website is to upload a small 16 × 16 pixel image (named favicon.ico) into the root directory of the website.
When a user loads a page from a website in one of his web browsers , then the browser searches for the favicon.ico file in it, and if it finds it saved in an supported format, then it automatically Displays that icon next to the URL or page title.
This favicon is specified in HTML for a webpage, something like this:
In this HTML method typically overrides the favicon that is saved in the root directory, while it is quite useful if you want to display it in a custom favicon for a certain page under a website.
NOTE: Favicon has a standard size of 16 × 16 pixels. While most browsers also recognize some other sizes that are saved in 32 × 32, 48 × 48, and 64 × 64 pixel images size.
Favicons that are larger than 16 × 16 pixels are typically scaled down to 16 × 16 so that they can be displayed correctly in the browser. But the browsers that support retina displays it display 32 × 32 pixel icons in their native resolution.