How do I add an iconic icon (avatar) to your site?

Today get to a new point of knowledge, although not a complex thing, but can achieve the effect is quite happy.

Add an iconic icon (avatar) to your site? Maybe someone like me, just at first didn't know what to mean, but see someone else's website has an iconic avatar, immediately understand what it means. The effect is as follows:

　　　　　　

This allows the browser's favorites in addition to display the corresponding title, but also the icon to distinguish between different sites, this is not more than the bare title to look at the more cool.

Needless to say, the following is how to achieve.

First of all to do this website icon, we have to use some tools, such as: the Bug Online production icon icon, Favicon.ico Online production, which I used two very useful online icon production.

In general, there will be these specifications, 16x16, 32x32, 48x48, 64x64, 128x128.PS: Our original picture file should be square, that is, the width of the high consistent, otherwise after the picture will be deformed .

To create an icon on the online bit bug, for example, choose the image file to be made into icon, and then choose the size to make, you can generate, is not very convenient, very stupid tool ah

　　　　　　

　　

The icon is automatically downloaded and then embedded in your page <link rel= "shortcut icon" href= "icons Path"/>, you can achieve the effect.

Generate Favicon.ico image files that can be placed in the root directory (or other directories) and inserted between < Link rel= "shortcut icon" href= "icon path"/>

How do I add an iconic icon (avatar) to your site?