什么是 favicon
网站 favicon(favorite icon )是和一个网站关联的小图标。它将会显示在浏览器的地址栏,浏览器的标签页上和你的收藏夹中。因此,创建一个优秀卓越的 favicon 对于你的网站品牌显得尤为重要。
设计一个优秀的 favicon 的最基本准则就是“简单”和“独一无二”,这里是创建 favicons 简单的步骤:
- 为你站点创建一个 favicon (16 x16);
- 上传 favicon.ico 到站点的根目录下;
-
把下面的代码粘贴到 head 区域;
<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” /> - 刷新你的站点即可!
下面这些生成工具是从网络上大概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/