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:
and your done.