Bolo的博客 » Favicon http://blog.imbolo.com 一个设计爱好者杂七杂八的博客 Wed, 23 Nov 2011 16:19:45 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 为你的网站打造个性地址栏icon http://blog.imbolo.com/to-create-personalized-favicon/ http://blog.imbolo.com/to-create-personalized-favicon/#comments Tue, 24 Mar 2009 07:58:49 +0000 bolo http://digau.cn/?p=182 时下，个性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图标的网站：

http://www.html-kit.com/favicon/

http://www.bitbug.net/

http://ico.55.la/

Random Posts

]]> http://blog.imbolo.com/to-create-personalized-favicon/feed/ 2