以前的 favicon 在暗色 Tab 上锯齿问题十分严重,于是我重新做了一个。

这么看着可能有点刺眼,缩小以后还成。
顺便分享几个有关 Favicon 的使用和制作心得。
1. Favicon 最好放置于根目录,引用代码放置于<head>标签内。引用时应该使用绝对路径而非相对路径。
2. Favicon 若要兼容所有浏览器(其实是迁就 IE ),256 色是最佳选择。当然,也可以选择给 IE 单独定制一个。
3. 背景透明的 Favicon 最好用粗线条包一次边,这么做能够最大程度缓解锯齿问题,不过更好的方法是直接用 16 位色生成。
4. Favicon 不一定非要用 ico 格式,也不一定非要用 favicon 作为名字,只要在 .htaccess 里动一下手脚,所有浏览器都会被骗到。举个例子:
RewriteEngine On
RewriteRule ^favicon.ico$ /logo.png$1 [L]
上面的 rewrite 规则将 domain.com/logo.png 重写为 domain.com/favicon.ico。如此一来,放在根目录的建议貌似可以忽略了。
5. 在线 Favicon 制作工具简单快捷,出来的效果其实很差。推荐使用 Iconworkshop 一类的专业制作工具,强很多。
6. 以前说过,Google 缓存了大部分网站的 favicon 并且转化为 PNG 格式,我们可以很方便地调用它们拿来做有趣的应用。调用地址如下(记得替换域名):
www.google.com/s2/favicons?domain=ishawn.net
7. 两个脚本,需 Firefox+Greasemonkey。
脚本下载地址:Ultimate GReader favicons | Favicon with Google 3
前者给 Google Reader 订阅列表添加 Favicon,后者则能插入 Favicon 到每一条 Google 的搜索结果中。