Favicon
以前的 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,后者则能插入 Favicons 到每一条 Google 的搜索结果中。

沙发。留爪。继续人肉恢复数据。
你友情链接里的ico显示就是用的第6条吧
恩...学习来了~~
@iColor: 是的,呵呵
我就随便拿了个图片转了ico,满意
@NickyYe: 所以锯齿很明显。。。
@Shawn: 啊?我就一正方形,你都能看出明显的锯齿,厉害
我直接放根目录,它自己调用,没加代码!!:smile: 不过现在那个已经跟我皮肤有点不搭了!
@xiaorsz: 浏览器当然可以自己调用,浏览器只查找根目录的 favicon.ico,但是 Google 找不到。所以的 Blog 在 Google 那里没有 favicon 缓存。
@NickyYe: 就是 N 字的那个斜杠部分锯齿很严重。
我选择不迁就IE, 我用8位透明通道真彩色~
@fisio: 我也是,我才懒得管IE呢,我现在最烦IE和百度。
@NickyYe: 有个对比你就知道了。点击查看
左边是优化过的,右边是你现在用的。
我的就不锯齿,哈哈哈哈
还有,Shawn,你的友情链接页面是循环代码出来的还是一个一个加的?,虽然我感觉我这个问题很傻...
@iColor: 是代码,一个一个加累死人,我以前这么干过,后来发现有 Google 了我就不这么干了。
@Shawn: 这两个家伙的市占率差不多,哈哈
@fisio: 这也说明一个问题,好东西往往都被少数人使用。
你怎么把插件页的链接都取消了,多不方便..
已经聊开了,优化了是不一样,你们继续。
@iColor: 好久没更新过插件页,那天无聊,从头来过,可惜由于太懒,实在是不想贴链接了。反正也没几个,搜索就出来了。
哇塞,好酷啊,不过貌似有点像百度那个
@Shawn: 哦,,嗯,,我想起你那个页面备份数据库的插件,,试用一下
突然发现,为什么你和Leehow的favicon那么相似,?
@LOKE: 看来爪子的概念被百度给抢了。不过我的显然比百度那个好看。
为什么我看到的时候,都24楼了已经。。。
这坨图标不错,要是没放大图对比我还以为是一朵小花
@sein: 看吧,这就叫深度。
都黑喜欢猫猫?
@tunpishuang: 我不喜欢黑猫。。。
原来那个东西的名字叫“favicon”又长见识了,呵呵。
@Shawn: 你误会了,黑是很的意思,
@tunpishuang: 我忘了你是重庆人了。。。一般,你可以理解那个爪子为熊的爪子。。。。
@穷人: 你应该给自己的 Blog 做一个 Favicon,然后再给自己的邮件地址注册一个 Gravatar
@Shawn: 你还记得到所,谢了哦。
其实我的博客还有Favicon呢。。。改天要搞一个才行了。。。
有种胖胖的感觉,很喜欢,也准备换一个,现在是盗版的,呵呵~
这个图标还不错,不过怎么和leehow的那个这么像
@JoBru: 都是我做的嘛。。。
这里细节的东西很多啊,比如你的网站名,移上去就一颗星星
很注意细节的shawn,
细节决定品质阿~
我的蛇头明显吗?
http://flaker.pl 的很明显。
@JoBru: 这里有很多星星,哈哈
@火星基地: 细节好像都是星星构成的。。。
@thw: 这个站是干什么的?
@Shawn: tumblelog∩lifestream
@Shawn:错了,是 tumblelog∪lifestream
@thw: 对这些东西我比较迟钝,你看我今天才玩儿上 Twitter
你那个看起真的像小花。
@leehow: 缩小了就好看了吧。
很漂亮的呀~~像个小脚丫
@Shawn: 小熊脚,中间的字母完全看不清,也不知道寓意,睡了。
喜欢那个greader显示icon的插件。。一直都想要,懒得去搜。。。。
另外能介绍一下侧边那个友情链接把favicon和文字同时显示的实现方法么?一直想搞,我在后台设置好图片和链接名称之后在侧边添加blogroll结果只显示icon图片。
看了你在穷人那的留言。
我那博客就因为有用户从搜索过来关键词,一个月内被网(络太)监点名了两次。。。。。。其实我那并不是不河蟹。。。唉。。这个喝血射灰啊。。
还有啊,乍一看很想一堆小圆圈组成的蜂窝状东西……其实以前满好看的
这个小的也很漂亮的,你的主题也动了一点手脚吧,header看上去有点怪……
感觉不要中间那个s 还好看些。
@Mark: 切中要害!!!蜂窝...哈哈哈哈。
@Mark: 有两个方法可以实现,一种是修改 wp_includes 里面的 widget.php 有关 blogroll 的代码,另一种是通过 JS 来添加。前一种其实方便一点,就是以后升级的时候需要重新修改,如果不太清楚改哪里就加我的 Gtalk 吧:)
@ZH CEXO: header 怎么了?我加了 Twitter 在上面,还是说 header 的内容后显示?
@火星人: 呵呵,我也发现了,缩小以后 S 变成了莫名其妙的东西。。。
我的Favicon是AV
@aunsen: 我记得以前是 B 的。。。。
@Shawn: 也没什么,感觉线条很乱,但这样才艺术嘛,只是有点不适应而已
@ZH CEXO: 嗯,twitter 暂时放那里,有心情再继续搞。。。。
这图标不就是N多年前ICQ的图标么?
@老所: ICQ 是一朵小花好吧
熊爪和猫爪
@老所: ICO是小花的..
放大了是百度的熊掌,缩小了是ICQ的小花,强!
不愧是高手!
我不会用ps,只好把自己的照片缩小了当Favicon……
@浮黑: 也是很好的做法,形象统一嘛,哈哈。
乍一看,一朵小菊花...囧了...
文末后一个JS很好玩,前一个倒是用了有一段时间了,看着很舒服。
FF3.x就是因为支持了在书签里显示Favicon让我终于放弃了MT2
虽然不是,但确实很像icq的小花