什么是 favicon

网站 favicon(favorite icon )是和一个网站关联的小图标。它将会显示在浏览器的地址栏,浏览器的标签页上和你的收藏夹中。因此,创建一个优秀卓越的 favicon 对于你的网站品牌显得尤为重要。

设计一个优秀的 favicon 的最基本准则就是“简单”和“独一无二”,这里是创建 favicons 简单的步骤:

  1. 为你站点创建一个 favicon (16 x16);
  2. 上传 favicon.ico 到站点的根目录下;
  3. 把下面的代码粘贴到 head 区域;
    <link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />
  4. 刷新你的站点即可!

下面这些生成工具是从网络上大概50个 favicon 工具中挑选传出来的。如果你发现有更好的工具或者建议,请给给我留言。

Favicon 生成工具

1. Favicon.cc — 一个全新的 web2.0 感觉的 Favicon 生成工具。你可以自己画或者通过导入图像生成 favicon,并且它在底部有预览的功能,强烈推荐!

http://www.favicon.cc/

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

http://www.256pixels.com/

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

http://favicon2dots.com/

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

http://converticon.com/

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

http://www.favicontool.com/

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

http://www.webscriptlab.com/

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

http://www.flavicon.com/

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

http://www.favicon.co.uk/

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

http://www.favicongenerator.com/

10. Dagondesign Favicon Generator

http://www.dagondesign.com/

11. Favicon.ru

http://favicon.ru/en/

12. Faviconsfor.us

http://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/