20个最好的在线网站 favicon 生成工具

发布于

什么是 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/

相关资源（都是英文的 ）

  • 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.
#网站#favicon#工具#浏览器#设计