How to add the website logo in the address bar (title tag) and Favorites ico, logo image

First step: First you have to make a small picture that looks both clear and easy to recognize. ico format.

We define the size of the icon as 16x16 pixels. In addition, when making graphics files, you may need to set the color plate to use only the standard 16-color Windows color plate, so that the graphics will appear on the various configurations of the machine look the same. Remember that the file name is fixed, called "Favicon.ico". This http://www.bitbug.net/page has the quickest way to make favicon.ico.

Step two: Upload your favicon.ico file to your website's root directory.

For example your URL is: http://www.baidu.com then your favicion.ico should be placed under this URL Http://www.baidu.com/favicion.ico
Whenever a netizen to put your website "Add to the collection", IE browser will go to your site root directory to look to see if there is favicon.ico this file, if any, this file will be used as a bookmark above the icon (meaning: just put Favicon.ico Icon file into the site root directory on the line, what code does not write can be implemented in the Favorites add icon, but after testing does not work, do not write code how possible to achieve it, well think about it! , let's keep looking down! ）。 But what if you can't upload the file to the root directory mentioned above? It doesn't matter, you can add the following settings to the

Remember to replace the above Http://www.baidu.com/favicon.ico with your own URL (you can also change to a relative address or an absolute address). Using this approach, it is not necessary to put the graphic files in the root directory of the site, you can be placed in any location, or even directly linked to other web sites above the graphic files can also, and the graphics file name is not necessarily called favicon.ico, you can take whatever. However, it is important to note that the use of this approach, only when the user to add the HTML code on the page to bookmark the time will have a role.

Done! As long as a netizen will add your website to the collection, your logo will appear in the Favorites directory. But one thing to remember: Your logo will not be seen until the user has bookmarked your website, and some free web space does not support the ICO graphics format.

If your favicion.ico has been uploaded to the root of your website and is still not displayed, then you can close the browser, reopen the blank browser, find the browser's "tools", and then "delete the browsing history ..." and then open your website (page). I've tried it, I can!

<link href= "Kei.ico" rel= "shortcut icon" >

(Please change the kei.ico to your corresponding picture name)

This code is the IE address bar in front of the icon to change their own icons;
and

<link href= "Kei.ico" rel= "bookmark" >  

(Please change the kei.ico to your corresponding picture name)
is to replace the icon in the Favorites folder.

Or:

<link rel= "icon" href= "/favicon.ico" type= "Image/x-icon"/>

(You can modify the corresponding.) ICO name)

<link rel= "shortcut icon" href= "/favicon.ico" type= "Image/x-icon"/>

(You can modify the corresponding.) ICO name)

This is my test results in Baidu:

Finally attached:

ICO Online conversion Gadget One

ICO Online Conversion Gadget II

Disclaimer: This article contains reproduced content, the original author did not find, so do not attach the original author address, if there is infringement within 24 hours delete, contact qq:1522025433.

How to add the website logo in the address bar (title tag) and Favorites ico, logo image