我们经常看到很多网站都有自己的网站图标，如你打开百度或google的首页的时候，就可以看到在浏览器地址栏的最左侧看到很具有代表性的网站图标的。
网页图标，如果用英文来说就是Favorite’s Icon。它出现在浏览器地址栏左侧，可以通过它让浏览器的收藏夹除了显示网站的相应标题之外还可以以图标的形式来加以区别。根据浏览器的不同，这个图标的现实形式也有少许的不同。主流浏览器如FireFox、IE等等，网站图标不但在地址栏显示，也会显示在收藏夹中。这个图标除了可以美化作用之外，另外的一个副作用就是可以在一定程度上减轻服务器的流量，因为每次浏览器打开网站的时候都会默认的要访问这个图标文件，如果没有找到的话，网站就会返回一个404错误文件，并且在网站的错误日志中做记录，通过添加图标文件就可以避免这种情况。
给网站添加网站图标之前，我们得给自己的网站设计一个具有代表性图标，有在线生成网站图标工具的网站如：http://www.chami.com/html-kit/services/favicon/；当然，如果自己是搞设计的，自己设计一个那更好了，一般图标大小都是16×16，取名为favicon.ico，放到网站的某个目录下，为了在使网站显示自己设计的网站图标，之前我常用的是在页面的head部分中，添加一段描述代码，如<link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon” />，这样加上以后在浏览器中打开这个页面，地址栏就会出现我们设计的图标。
其实还一种更简单的方法，就是将制作好的网站图标上传到网站的网页根目录，不用再在页面的head部分添加描述代码了，当然一定要保证的是，这个图标名字必须为favicon.ico，而且在网站的根目录。这样以后，只要浏览你的网站，这个图标始终会出现在地址栏以及标签页上面，收藏你的网站的之后，在收藏夹中也会显示。