为你的网站打造个性地址栏icon
时下,个性ico图标已成为一些主流大牌网站提高用户体验(UE)的一个“时髦”玩法,那么,是如何在IE地址栏显示出网站的个性图标的呢?
常浏览网站的你,是否注意到打开一些网站时,IE地址栏会显示一些网站的小图标呢?传统的IE地址栏的图标都是“e”字标,而时下,个性ico图标却成为一些主流大牌网站提高用户体验(UE)的一个“时髦”玩法,那么,是如何在IE地址栏显示出网站的个性图标的呢?
不知道你有没有注意到,在打开http://digAu.cn的时候,地址栏的前面是一个以放射性元素符号为背景,上有金的元素符号Au的图标,当你把它加入收藏夹后你会发现改符号仍然存在。这到底是怎么实现的呢?其实,要实现网站的个性cio图标非常简单。
首先你必须制作一个ico图标,并把它命名为“favicon.ico”,把它传到你的网站目录下面。
然后,在想展现该个性图标的页面代码head部分中,添加一段描述代码,比如国家教育网的head中<link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon” />,就是控制个性图标的描述代码。
这样就完成了设置,那么如何制作ico图标呢?有两种方法:
一是针对不懂设计的朋友来说,可以使用在线生成工具 。
二是针对懂得ico设计的朋友,可以自行利用制图软件自主设计,不过记得将成品文件命名为“favicon.ico”。
这样,就可以轻松实现网站的个性地址栏ico图标显示了,愿你的网站,也拥有一个属于自己的个性图标。
顺便推荐几个很方便的在线生成favicon图标的网站:






你的ICO
AU 两个字哈
DESIGN 有个性
@伍世豪
嗨,老文章都被你翻出来了