室内设计培训
平面设计培训
部落窝教育

网站添加ico图标的整套流程讲解(含ico图标演示、制作、上传)

[日期:2015-09-11]   来源:IT部落窝  作者:IT部落窝   阅读:87[字体: ]
内容提要:本文的教程非常详细,从网站ICO图标呈现位置到如何制作ICO图标,以及如何将制作好的ICO图标添加到网站上面都有讲到.

  本文为大家分享网站添加ico图标相关的知识。

第一,网站ICO图标呈现的位置
  首先我们看看网站ICO图标是什么?当我们浏览网页时,发现有的网站标题上都有个小小的logo图标,其实那个小图标是网站根目录下的favicon.ico文件。比如下面截图所示的百度和天猫网页的图标。
 网站添加ico图标
  如果我们的网站没有上传favicon.ico文件,那么浏览器标签显示为空白。截图如下:
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图标文件即可。
IT部落窝PS,CDR,213班 分享到: QQ空间 新浪微博 腾讯微博 人人网
photoshop教程
Photoshop教程
平面设计教程
Photoshop教程