打造个性的FavIcon

.

什么是FavIcon？

网页加载完成后，地址栏最前端那个小图标就是FavIcon。

它也会出现在单个页面标签的前面。

真的需要FavIcon吗？

试想一下，你能接受下面这个局面吗？

在一切追求自我的Web2.0时代，你能忍受这千篇一律的默认图标抹杀你的个性吗？！

如果你的答案是坚定的『不』，那么请继续阅读。

如何制作FavIcon？

点击这里

Source Image：源图片。事先裁成近正方形为佳，大小推荐150X150以内，太大则会被压缩。

Scrolling Text：滚动显示的文本（可选）。貌似不支持中文输入Orz…

Animate Favicon：动态图标。填写了Scrolling Text，此项则自动选中。

Generate FavIcon.ico：生成FavIcon。点击后会有效果预览。

Download FavIcon：预览满意后下载压缩包。

Test in Browser：也可以在浏览器上测试一下。

动态图标效果： （如果它没有动，请刷新一下= = b）

怎么发布？

WordPress用户在页眉（header.php）的（head）与（/head）之间加上（link rel="shortcut icon" href="favicon.ico"）要记得把（）改为<>。

然后，把favicon.ico上传到主机存放index的目录下。

如果你想使用动态图标，则再将压缩包中的animated_favicon1.gif上传到主机根目录，在（head）与（/head）之间添加的代码是：

（link rel="shortcut icon" href="favicon.ico" ）

（link rel="icon" href="animated_favicon1.gif" type="image/gif" ）要记得把（）改为<>。

发布的方法与代码，在压缩包中的ReadMe文本里有写，可以直接到那里复制。

大功告成！(^_^)v