Let’s Talk About How To Create A Favicon

Learn how to create a Favicon

Just this morning, I tried to figured out on how to create a FavIcon to Mitchell Espina blog but my knowledge isn’t enough. I Googled with a term “FavIcon” and found out that there are over 8 million pages related to favicon. It’s kinda hard for me, becuase I don’t have enough time to go all those pages. And decided to select few pages only, but still the instruction is not quite clear and don’t understand at all. *Lol. So, it’s time to seek for help and my good friend RockyFord came to the rescue. And in just a minute… BOOM!.. my FavIcon is ready. Very impressive! Daghang Salamat Bai! (Thank you very much buddy!)

What is a FavIcon?

A FavIcon (short for favorites icon), also known as a URL icon, website icon, or a shortcut icon a is associated with a particular web page with 16×16 pixel image size that is displayed in the web browser address bar next to a site’s URL. FavIcon.ico is the format of the file created.

Here’s how a FavIcon on web browser look like:

How to upload a Favicon.ico File

With the use of FTP, connect to your server and upload your Favicon.ico file to your website. The FavIcon.ico file must be uploaded into the same directory as your index page which is in the root directory, and NOT to your image folder. And then, copy and paste the HTML code for the FavIcon.ico to the <HEAD> section of your web pages:

<link rel=”shortcut icon” href=”/favicon.ico” >

However, If you intend to upload the FavIcon.ico file to any location on your server, just MAKE SURE to locate the exact path of the file. Here’s a sample HTML code: