Skip to main content

How To Upload Favicon In Website

What is Favicon 

Before uploading a favicon to your blog you must have to know what is favicon and why you need it? Basically favicon is stand for favourite icon. It is a unique small and square icon particularly associated with a website or a web page or a blog. A favicon represents your website, web page or blog. Generally web designers use 16 x 16 pixels favicon for their websites. No matter! you can create your own favicon according to you. Blogger has default favicon which is similar to letter B. 

How to create Favicon 

There are numerous website or software available on internet to generate favicon icon. Once you Google, you will get numerous link. Otherwise you can use Adobe Photoshop to create your own favicon icon also. For my blog I use Adobe Photoshop to create my own favicon HB which is 100 x 100 pixels. Remember, blogger does not allow to upload a favicon which is greater than 100 KB.

Uploading Favicon on Website 

After creation of your favicon, put it in your website directory. After that you need to convert your favicon from .jpg or .png to .ico. There various software available on internet which convert your favicon from .jpg or .png to .ico. You can convert your favicon online also using After that you need to link your favicon with your web pages.

To link the favicon with your web pages type the following code
<link rel="shortcut icon" href="/favicon.ico"> in between <head> and </head> tag in the html page.