Favicon.ICO,可能绝大多数人不是太关心这个图标的意义,没有它,网站的运营不受影响;这就像男人的一块手表,戴上一块就是个装饰(用处就不管了.);没戴吧,生活还是一样过~
呵呵,话虽这么说,但真要是没有,在这个圈子里,总还是感觉缺了些啥!对吧?
那就弄弄这个favicon.ico;
每次做一样新鲜的事(暂且说成是新鲜的吧,呵呵~),我总喜欢先搜搜,在谷歌里搜索ICON制作,出来很多满意的结果;当然你也可以选择搜索ICON制作软件;
怎么搜,搜索什么,这取决于你的习惯;
我习惯于在photoshop里弄弄图片,所以我期望有一个插件能够满足我在photoshop下制作icon的要求(大家都知道,Photoshop是不能直接保存或导出以.ico为后缀的文件。);
有没有这样的插件?有!Icon Plugin For Photoshop!
立即下载
-
[download id=”3″]
这个插件是免费的,下载后解压将ICO.8bi这个文件，复制到Photoshop的安装目录下面的Plug-ins/File Formats文件夹下;
再来试试,是不是可以保存为.ico文件了?经初步测试,png文件或都gif文件,另存为时才有.ico的选项.
favicon.ico文件制作完成后,让我们来关注一下HTML文档中,Head部分的该怎么做?
How to Add a Shortcut Icon to a Web Page这是来自微软官方网站的一篇介绍性的文章;虽然是英文版的,但讲得很透彻,不防看看,还可以练练英语.呵呵~
现在我们主要来关注一下:
语句一:<link rel=”shortcut icon” href=”/favicon.png” type=”images/favicon.png” />
语句二:<link rel=”icon” href=”/favicon.ico” type=”image/x-icon” />
这两句的区别是什么?在这篇shortcut icon和icon的区别中得到了很好的解释.
favicon.ico,不仅起到装饰的作用,而且,在用户浏览器的收藏夹里,能够让用户根据你所提供的favicon.ico图片很快分辨出你的网站.