How do I add a logo icon to the title bar of a Web page?

Open a Web page will display the page's title and icon in the browser's tab bar, when the page is added to the collection or bookmarks will also appear the page icon, how to display the page title on the left side of the page logo?

Method One (Passive):

Make an ICO format picture, name the image favicon.ico, the pixel size is 16*16, the color used must not exceed 16 colors, and then put the Favicon.ico in the root directory of the site is OK. In this way, the browser will keep searching the root of your website, as long as it discovers the name Favicon.ico this file, it will display the icon in the visitor's address bar and Favorites list.

Method two (automatic type):

Add the following code to the page head tag:

Title bar:
<link rel= "icon" href= "ico address" type= "Image/x-icon" >
Favorite Folders:
<link rel= "shortcut icon" href= "ico address" type= "Image/x-icon" >

Note: The icon to use 16*16 color ... (Compatibility is guaranteed and can be displayed in any location)

Note here that if you change the 16*16 BMP file to ico, it is supported in Windows, but it will be wrong to put it in the browser or other software. Therefore, the format of the picture to be adjusted by software, after all, the internal information is not the same.

At the same time in the use of method two, it is not necessary to put the graphic file in the root directory of the site, you can put in any location, or even directly linked to other 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 this is only useful if you bookmark the page with the HTML syntax added.

Here's a mesh grab. URL: http://www.ico.la/

How do I add a logo icon to the title bar of a Web page?