推荐使用以下站点来在线生成favicon.ico文件。

1、favicon.io  
这个站点的速度还不错,使用起来也很简洁。生成的图片规格也有多种。包含:android-chrome-192x192.png、android-chrome-512x512.png、apple-touch-icon.png、favicon.ico、favicon-16x16.png、favicon-32x32.png。功能还很齐全的,首推这个站点。

2、convertico.com
功能简单的一个站点可直接选择图片上传,然后在右侧下载。也可以选择在线图片。

002

3、favicon.pro
简单实用,只需要三步(1)选择生成尺寸 (2)上传图片 (3)下载图片

003

4、realfavicongenerator.net
一个实用的网站,专门为生成favicon.ico而制作,可贵之处是它支持的图片格式很多包括svg文件。

大家可以根据自己的实际情况选择。

选择建议与引入示例

favicon 需要同时照顾浏览器标签页(16/32px)、书签栏、移动端主屏(180px)和安卓桌面(192/512px),所以选生成站时优先看它是否一次性输出全套尺寸。

  • favicon.io 支持图片转 ico,也支持文字版图标,输出尺寸齐全,综合首推;
  • realfavicongenerator 支持 SVG 源文件,图标质量最高时选它;
  • 生成后把各尺寸 png 与 ico 放到站点根目录,再按官方模板在 head 中加入 link 标签(icon、apple-touch-icon)即可;
  • 注意 ico 必须名为 favicon.ico 放在根路径,部分旧浏览器只认这个约定。