看到那些Web2.0站点的图标了吧,比如饭否(),鲜果(
),他们都有很漂亮的Favicon。但是对于我们呢,添加一个Favicon很简单,只需要一个ICO和一段代码。但如果是要做一个Favicon呢?不要怕,今天NetPuter就来带着你一步一步做出属于Favicon,还是万金油型的哦!最后的效果就像我们OrzDream(
)啦!
这次制作过程中,我们不需要强大的PS/FW,也不需要很好的设计思想,我们只需要一个工具和一个网站就可以啦:ClockMaker Icon Generator和一个在线PNG转ICO的网站。
- 软件名称:ClockMaker Icon Generator
- 软件大小:430 KB
- 软件类型:Adobe AIR
- 界面语言:英文
- 软件介绍:一个模仿Photoshop CS3风格和Web2.0星标的图标生成器
- 官方网站:http://clockmaker.jp/labs/air_icon/
- 下载页面:http://www.brsbox.com/filebox/down/fc/0344d252d7488e7540acc1f915c4b623
- 备注:该软件为AIR程序,需要先安装Adobe AIR
一、下载安装打开,在Logo Name输入你的Blog的英文缩写,要英文的哦,我这里就以WPLAND为例啦,然后在“Bg Color”选择背景颜色,一般都是和Blog颜色一样的。

再然后点“Create Icon”选择生成的目录。再再然后,打开那个目录,会发现有4个PNG躺在那里等你(YY中),胸围分别是16*16、32*32、48*48、128*128。到了这里,ClockMaker Icon Generator可以功成身退了。

二、现在PNG已经有啦,ICO就很简单啦。把PNG转成ICO的工具有很多,在这里我推荐一个网站:BitBug。为了要有比较好的显示效果,我们只需要把胸围16*16的PNG拿去转换就可以了。在“原始图像”那里选择16*16的PNG,下面“目标尺寸”同样也选择16*16(Q:为什么不选其他呢?A:你觉得小罩包大胸和大罩包小胸好看么?),填写好附加码就可以“生成ico图标”啦。
三、最后一步啦,很简单,那就是把生成的ICO传到Blog根目录。Ctrl+F5下你的Blog,看看有没有效果?不错吧!如果还是没有效果,除了考虑你的人品之外,你还可以添加一下代码:
1 2 3 4 5 | <head> ... <link rel="shortcut icon" href="favicon.ico" /> ... </head> |
这种类型Favicon是不是很万金油吖?喜欢吧,喜欢就评论下吧^^。

沙发..
早就看到这个东东了..
还是AAA Logo好...
另外推荐软件Aveicon
学习学习~~~
呵呵,拿来出晒一下太阳,不然会臭的~
嗯,各有各的特色,我觉得3A设计出来的东西不是我想要的~
嗯,好,谢谢!这个软件应该是制作ICO的吧,而文中所介绍的是无需设计的哦~
一起交流哦^^
Aveicon也是将图片转换为ico的软件 十分简洁 你可以试试
我测试过的支持png jpg 应该还支持gif和bmp
小样…发我告诉你的东西也不给我加个链接…
嗯嗯,的确很强大..但是我个人还是喜欢直接在网上完成事情..
好啦好啦,我会抓住任何机会加的啦~
可怜的娃 有在线的http://www.favicon.cc不用...
当然知道啦,但是那个还是要自己画的,没有本文介绍的方便..
试试效果看,好的话就为我的另一个博客也做一个!
哈哈,既然是万金油的,就是可适合很多种Blog的啦,包括"Love Blog Earn"^^
你看我的头像,就是这个做滴