Favicon - 怎样在你的网址前添加个性化标签

August 9, 2007 in 网络&创意(Internet&Creative) by GiGi | 3 comments

经常会在地址栏看到各种网站的网址前一个个漂亮的个性化标签(英文叫Favicon, 也叫收藏夹图标), 在有了属于自己的网址之后, 也想弄一个Favicon玩玩. 一方面, 这个小标签让你的网站更加”活色生香” (Firefox还支持动态的图标); 另一方面, 不同的收藏夹图标也方便了访问者区别于其他网址.

这个制作添加的过程远比我想象中简单 :

1. 首先, 你需要一张图片, 一张不涉及到任何侵权问题的图片. 也就是说你不能拿Nike的logo或In ze summertime的Favicon 图片的后缀可以是.jpg .gif .png .bmp 基本上浏览器能够显示的图片都行.

2. 打开这个网址: http://www.chami.com/html-kit/services/favicon/

3. 上传你的图片, 然后点击Generate Favicon.ico按钮

4. 网站把你的图片生成Favicon.ico文件后会转到下载页面, 点击Download按钮, 把这个压缩包下载到你的电脑上.

5. 把下载好的文件解压, 把favicon.ico这个文件上传到服务器主机上的Public_html文件夹(大多数情况下)

6. 然后编辑你blog的header.php文件, 把以下编码加在<body>与</body>中间 :

<link rel=”shortcut icon” href=”favicon.ico”>

7. 保存编辑好的header文件, 回到你的主页刷新一下网页, 正常情况下你应该可以在网址旁看到你的Favicon了. 如果需要更换, 只要上传新的Favicon替换就可以了.

Favicon其实就是Favorite icon的缩写, 原先是为Internet Explorer/IE 6.0以上版本的收藏夹设计的, webmaster可以根据日志算出有多少人在收藏夹里添加了他的网站. 现在很多浏览器如Firefox, Opera, IE 7.0以上的版本直接在网址旁边就能显示Favicon, 这个功能也就渐渐不作数了.