内容提要:本文的教程非常详细,从网站ICO图标呈现位置到如何制作ICO图标,以及如何将制作好的ICO图标添加到网站上面都有讲到.
本文为大家分享网站添加ico图标相关的知识。
第一,网站ICO图标呈现的位置
首先我们看看网站ICO图标是什么?当我们浏览网页时,发现有的网站标题上都有个小小的logo图标,其实那个小图标是网站根目录下的favicon.ico文件。比如下面截图所示的百度和天猫网页的图标。
如果我们的网站没有上传favicon.ico文件,那么浏览器标签显示为空白。截图如下:
第二,网站ICO图标尺寸大小和文件规范
Ico图标的尺寸为16*16像素,或者32*32像素,背景透明或白色,文件命名为favicon.ico,一般ico图标文件都是这样命名,所以为了方便百度蜘蛛抓取识别,最好是规范命名。
如果你懂Photoshop等设计软件,可以使用PS软件来设计自己网站的ICO图标图片,设计制作好之后再将图像重命名为ICO文件,再上传。
在咱们部落窝教育网站也有很多免费的Photoshop视频教程可以学习,观看地址:http://www.itblw.com
第三,网站添加ico图标
接下来我们介绍下如何将制作好的ICO图标上传到我们的网站上面,从而在浏览网页的时候看到我们添加成功的ICO图标。
首先,使用FTP软件工具,将ICO图标文件上传到我们的网站根目录下面。如果您没有FTP工具,请到此网页下载:http://www.ittribalwo.com/article/116.html
然后在网站的index文件的头部(<head> 与 </head> 之间)插入代码:<link rel="Shortcut Icon" href="favicon.ico">,如果你的模板是 XHTML 规格的,代码应该是:<link rel="Shortcut Icon" href="favicon.ico" />
添加好之后,我们再刷新我们的网站,就可以看到添加的ICO图标了,添加成功之后网页标题标签可以看到,同时如果用户收藏了我们的网页,ICO图标还会出现在用户收藏夹里。
当然,如果你的网站使用的别人开发好的模板,如果根目录下面已经有了ICO图标文件,我们只需要将制作好的新的ICO图标文件直接覆盖根目录下的 ICO图标文件即可。