其实这种小图标不仅是在浏览器地址栏前面有,在浏览器的标签 栏上,甚至收藏夹里,都可以看到它的身影。那么这种小图标到底是怎样弄的呢?下面就把方法同初学的朋友们分享一下。
方法/步骤
1
这种地址栏前面的小图标,其实就是一种图标文件,其扩展名为ico,通常全称命名为favicon.ico,它的长宽是16*16像素的,支持背景透明的图片。如果希望打开自己的网站时,地址栏前面能够显示出这种个性小图标,可以自制一个名为favicon.ico的图标文件,然后用FTP工具上传到网站的根目录下就可以了,一般的浏览器会自动在地址栏和收藏夹显示出图标。如果不行的话,可以在主题 的语句块中加入以下代码:
2
讲了上面这许多,其实一句话就可以概括了:把favicon.ico文件上传到网站根目录下。所以关键还是怎样得到属于自己的个性 favicon.ico文件?我们可以用PS等绘图软件绘制一个16*16的小图标,然后保存为常见的GIF或PNG格式。最好是图标背景色设置为透明的。
3
接下来,就是用这些常见的图片文件格式生成扩展名为ico的图标文件,一般的绘图软件并不支持,但我们可以通过一些小工具进行格式转化。具体通 过网络搜索便可以找到,在这里向大家推荐一个可以在线转化为ico图标的网站:http://www.ico.la。这样的网站有很多,为什么选它呢?是因为它支持透明的GIF或PNG图片文件转化为透明的ICO图标文件。
4
快点把favicon.ico上传到网站根目录下,看看效果吧!
END
标签:地址栏,小图标