网站 favicon(favorite icon )是和一个网站关联的小图标。它将会显示在浏览器的地址栏,浏览器的标签页上和你的收藏夹中。因此,创建一个优秀卓越的 favicon 对于你的网站品牌显得尤为重要。
设计一个优秀的 favicon 的最基本准则就是“简单”和“独一无二”,这里是创建 favicons 简单的步骤:
为你站点创建一个 favicon (16 x16);
上传 favicon.ico 到站点的根目录下;
把下面的代码粘贴到 head 区域;
刷新你的站点即可!
下面这些生成工具是从网络上大概50个 favicon 工具中挑选传出来的。如果你发现有更好的工具或者建议,请给给我留言。
Favicon 生成工具
1. Favicon.cc — 一个全新的 web2.0 感觉的 Favicon 生成工具。你可以自己画或者通过导入图像生成 favicon,并且它在底部有预览的功能,强烈推荐!

2. 256pixels — 通过不同的主体举办一个每日 favicon 设计挑战。非常好的想法,并且非常值得去一看。

3. Favicon2dots — 独特的能够从任何网站的 URL 产生 favicon。不过是个日本的网站,个人不建议已使用 :,) 。

4. Converticon — 通过 URL 或者本地图片产生 favicons。注意,有时它会有弹出广告。

5. FaviconTool — 最 Cool 界面的 favicon 生成工具。

6. Webscriptlab Favicon Generator — 原作者在他的 13 个 web 2.0 设计的在线生成工具中提到过。

7. Flavicon — 它们同样提供自定义化 favicon 服务。

8. Favicon Generator and Gallery — 在这个站点你可以在生成之前可以选择 favicon 的大小,并且它们还有一些很出色 favicons 展示。

9. FaviconGenerator.com – 干净清晰的 favicon 生成工具。

10. Dagondesign Favicon Generator

11. Favicon.ru

12. Faviconsfor.us

更多
13. http://www.degraeve.com/favicon/
14. http://www.antifavicon.com/
15. http://www.html-kit.com/favicon/ — 可能是最流行的。
16. http://www.favicon.jp/ – 日本的站点。
17. http://tools.dynamicdrive.com/favicon/ – DynamicDrive tool.
18. http://www.faviconprime.com/
19. http://shaheeilyas.com/favicon/
20. http://www.faviconfactory.com/
相关资源(都是英文的 )
Inspire Yourself: 50 Remarkable Favicons – Smashing Magazine favicons showcase.
Making a Good Favicon
http://www.faviconz.info/
How To: Animated Favicon – tips for create animated favicon manually.
Favicons – How To Make Them Work For You
http://www.favicon.com/ – favicons faq.
Making a favicon – tutorial for making favicons that work at IE and FF.
评论列表