轻松制作做一个万金油的Favicon

* Design / # , , / 2008年08月31日 / 17条评论

看到那些Web2.0站点的图标了吧，比如饭否（），鲜果（），他们都有很漂亮的Favicon。但是对于我们呢，添加一个Favicon很简单，只需要一个ICO和一段代码。但如果是要做一个Favicon呢？不要怕，今天NetPuter就来带着你一步一步做出属于Favicon，还是万金油型的哦！最后的效果就像我们OrzDream（）啦！

这次制作过程中，我们不需要强大的PS/FW，也不需要很好的设计思想，我们只需要一个工具和一个网站就可以啦：ClockMaker Icon Generator和一个在线PNG转ICO的网站。

一、下载安装打开，在Logo Name输入你的Blog的英文缩写，要英文的哦，我这里就以WPLAND为例啦，然后在“Bg Color”选择背景颜色，一般都是和Blog颜色一样的。

ClockMaker Icon Generator

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

Ico Files

二、现在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是不是很万金油吖？喜欢吧，喜欢就评论下吧^^。

欢迎订阅 OrzDream ，也欢迎关注我的 Twitter @NetPuter ~ :-)
分享这篇文章 或者围观评论 或者直接发表评论
Notify
锐风 发表于 2008-09-01 18:49

沙发..
早就看到这个东东了..

Notify
sqybi 发表于 2008-09-01 18:56

还是AAA Logo好...

Notify
sqybi 发表于 2008-09-01 18:56

另外推荐软件Aveicon

Notify
贝壳 发表于 2008-09-01 22:12

学习学习~~~

Notify
NetPuter 发表于 2008-09-02 12:18

呵呵,拿来出晒一下太阳,不然会臭的~

Notify
NetPuter 发表于 2008-09-02 12:18

嗯,各有各的特色,我觉得3A设计出来的东西不是我想要的~

Notify
NetPuter 发表于 2008-09-02 12:20

嗯,好,谢谢!这个软件应该是制作ICO的吧,而文中所介绍的是无需设计的哦~

Notify
NetPuter 发表于 2008-09-02 12:20

一起交流哦^^

Notify
sqybi 发表于 2008-09-02 17:40

Aveicon也是将图片转换为ico的软件 十分简洁 你可以试试
我测试过的支持png jpg 应该还支持gif和bmp

Notify
传业 发表于 2008-09-03 01:21

小样…发我告诉你的东西也不给我加个链接…

Notify
NetPuter 发表于 2008-09-03 12:28

嗯嗯,的确很强大..但是我个人还是喜欢直接在网上完成事情..

Notify
NetPuter 发表于 2008-09-03 12:29

好啦好啦,我会抓住任何机会加的啦~

Notify
disinfeqt 发表于 2008-09-04 23:21

可怜的娃 有在线的http://www.favicon.cc不用...

Notify
NetPuter 发表于 2008-09-04 23:41

当然知道啦,但是那个还是要自己画的,没有本文介绍的方便..

Notify
LoveBlogEarn 发表于 2008-09-09 21:17

试试效果看，好的话就为我的另一个博客也做一个！

Notify
NetPuter 发表于 2008-09-09 23:34

哈哈,既然是万金油的,就是可适合很多种Blog的啦,包括"Love Blog Earn"^^

Notify
aisinvon 发表于 2009-03-29 18:30

你看我的头像，就是这个做滴