Add Favicon to your website in less then 20 seconds

What is a Favicon?
A favicon (short for Favorite icon), also known as a shortcut icon, Web site icon, tab icon or bookmark icon, is a file containing one or more small icons, most commonly 16×16 pixels, associated with a particular Web site or Web page. A web designer can create such an icon and install it into a Web site (or Web page) by several means, and graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page’s favicon in the browser’s address bar (sometimes in the history as well) and next to the page’s name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page’s favicon next to the page’s title on the tab, and site-specific browsers use the favicon as a desktop icon.

Add a Favicon to your website

You want your website to have a nice favicon, and I’m not talking just on the browser tab, but instead a Favicon to be used on Android devices, Apple devices and also Windows 8 devices, then all you need is less then 20 seconds to do just that.

Steps

Go to this link: http://realfavicongenerator.net/;
Choose your image you want to be your Favicon, I recommand to use a perfect square png image, which is 260px (heihgt) x 260px (height);
Click on Generate your Favicons and HTML code;
Download the package;
Extract this package in the root of your web site;
Insert the following code in the <head> section of your HTML pages: