What is favicon?

According to Wikipedia, a favicon, 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 website or web page.

Why does it matter to your website?

  • Boost your website professional image.
  • People recognize your brand / page easily by just looking at your favicon, if they happen to have multiple tabs open. Come on, admit it! You open FB, gmail, youtube, and all your research in one browser right?

How does a favicon looks like?

favicon examples

How to create your own favicon?

There are free favicon creator out there. Just google for it. Alternatively, if you rather have a more professionally designed favicon, you can find any graphic designers, or you can also engage Zocura, a design agency based in Singapore, to create one for you. Anyway, favicon is very cheap.

How to upload your favicon?

  1. Locate your favicon.ico file.  syahmul favicon
  2. Connect to the root directory of your website.
  3. Upload your favicon. upload favicon via ftp
  4. Depending on what kind of website or hosting you have, you may or may not need to import it in your header Or you may also need to configure it from your Content Management System (CMS). Generally, you do not have to do this if you code your website yourself from scratch. But if you used a script or a Content Management System (CMS) to create your website, you may need to specify it in your header too. In my case, I have to configure / specify it from within my CMS.
  5. Verify that you can see your favicon!favicon verification

That’s it peeps! I hope you enjoyed reading this post that I wrote while taking a study break.