favicon的使用和做法

2009年02月11日

什么是,怎么做图标,如何使用图标?现在讲解一下。

什么是

是Favorites Icon的缩写,打开一个网站,浏览器地址栏左边显示的一个小小的图片就是图标,这个图标不仅可以让浏览器的收藏夹中除显示相应的标题,还以图标的方式区别不同的网站。可以是静态的图片,也可以是动态的图片,不过大多数是以.ico为后缀的一种图片。其实图标没什么大的用处,主要是区分不同的网站和美化个性你的网站。

怎么做.ico图标?

首先推荐一个软件—>Microangelo 汉化版

Microangelo 汉化版是一块功能强大的图标/光标制作和替换套装工具, 可以制作 .ico/.ani/.cur 光标, 还支持替换 Windows系统中的默认图标, 是您的系统更加个性化。还提供 .icl 图标库支持,可以自己建立/编辑/成立图标库文件。还有图标资源浏览器, 可以检测出包括图标资源的文件(比如 .exe/.dll/.cox/.cls/等等), 这款软件 最大的优点是, 支持直接修改 .exe文件中的图标资源, 可以改您的应用程序换个图标。

但是如果你不喜欢用软件制作,或者不会用这个软件,可以用在线制作的方法制作图标,网上搜索在线制作favicon有很多种方法,我今天推荐一个非常个性自主的在线制作方法,推荐网址:http://www.favicon.cc/。这个网站的图标制作方式是把一个小图标放大化以格子的形式制作出来的,功能比较强大,做出一个精美的图标是绝对够用的!网站支持登陆、保存功能,也能直接下载别人已经做好的图标,有几千个,都是非常个性,非常精美的图标。

下面的是几个做好的图标的例子:

http://www..cc/?action=icon&file_id=62422

http://www..cc/?action=icon&file_id=61599

http://www..cc/?action=icon&file_id=56675

还有很多很精美的图标,都是网民一格一格画出来的。2年前这个网站还是只支持FireFox浏览器制作,现在好像支持所有浏览器了。当然2年前网友做出来的图标都是非常经典的,现在这个网站展示出来的很多图标都不如以前的经典了,但是只要你能发现,总是能找到一个适合你的个性的图标的!

如何使用图标?

1、制作或下载一个图标

2、上传你的图标到网站的根目录(当然也可以是其他目录 :lol:

3、把<link href=”/YOUR_PATH/.ico” rel=”icon” type=”image/x-icon” />这段代码加在你网站的<head> ... </head>之间,要保证这个网页文件在你的所有页面中都能调用到,一般是加在你的网站所用风格(主题)的头部文件中,如:head.php(htm/html/asp/aspx)中。

好了,就这个多了,希望大家都能做出精美的站标来 :wink:

原创文章如转载,请注明:转载自柏林童话 [ http://www.aappy.com/ ]
本文链接地址:http://www.aappy.com/331
标签: ,
  1. 雪深
    2009年02月11日08:44

    很全面的解说

  2. 久酷
    2009年02月11日12:44

    你放了百度广告啦…………

  3. krisyuan
    2009年02月23日22:36

    盘古的空间吗?