9个Favicon、应用程序图标在线生、制作工具

Favicon，即 "Favorites Icon的"的英文单词缩写，其可以让浏览器中除显示网站标题外，还以图标的方式区别不同的网站。 图标通常是一个16×16的ICO文件，支持16或24位颜色和透明度，很久以后，它出现在32×32大小，但较旧的浏览器仍然将它减少到16×16。就是在浏览器地址栏出现的网站小logo，显示在浏览器地址栏中站点的URL旁边，相当于网站的一个小小的图片名片。例如：

随着只能手机，平板pad的普及，favicon 也升级成为应用程序图标。

应用程序图标是您在智能手机上按下以启动应用程序的图像。随着更高分辨率屏幕的新手机发布，需要更高分辨率的应用程序图标。开发人员仍希望保持对较低分辨率的旧手机的支持，因此在创建应用程序图标时，您需要为同一图像创建多个大小不同的变体。这适用于所有智能手机，如iPhone和Android，甚至iPad等平板电脑。

一旦你有一个准备好的文件，将它放在服务器上并修改网站页面的 html。插入类似如下代码:

目前上市面上的 favicon 很多，多数都大同小异，本文主要介绍如下几个好用的工具，有几款既能支持网站的favicon制作、生成，又能支持应用程序图标的生成

---

No.1 1&1 IONOS Favicon Generator

1&1 IONOS Favicon Generator 和其他工具不用，没有广告，也没有那么多 “废话”，只要吧原始图标上传，就会下载所有格式的图标，HTML代码以保存在名为 instructions.txt 文件中，其支持的原始图片最大支持2M，支持JPG，JPEG 和 PNG 格式。另外，该工具还有一个简单的 favicon 编辑器，如果没有原始图片，可以自己动手画一个简单的。

---

No.2 tool.lu favicon 生成工具

该工具也是是一个国产 favicon 转化工具，访问速度不错，也是只能讲原始图片转成 ico 或 png 文件，但支持裁剪，生成的尺寸也不足，只有 16 × 16 32 × 32 48 × 48 64 × 64 128 × 128 5个尺寸，也不能批量生成，也是只能逐个下载。

---

No.3 FavIcon from Pics by HTML Kit

Favicon from Pics by HTML Kit，一大特色是可以生成动态的 favicon 图标（gif格式），也可以给 favicon 做一些简单的修饰，比如给图标加边框，让背景透明，改变背景颜色，在动图上最佳一些文字等等。 相比于其他工具一次性生成所有格式的图标（动图gif除外），该工具需要手动添加需要的尺寸，这一点稍微有点麻烦。 各个尺寸的图标支持打包下载，也可以单独下载。 其对应的 HTML 代码提示也相对简单一些。如果考虑在线生成动图 icon 可以用这个工具。

---

No.4 Favicon & App Icon Generator

尽管许多现代Web浏览器支持保存为GIF，PNG或其他流行文件格式的favicon，但所有版本的Internet Explorer仍然需要将favicons保存为ICO文件（Microsoft图标格式）。此工具提供了一种将任何GIF，PNG或JPEG转换为ICO的简便方法，这是所有现代Web浏览器都支持的ICO。它还使您能够通过方便的在线编辑器从头开始创建favicon。此外，编辑器允许您手动调整生成的favicons以确保获得最佳结果。 该工具基本能生成全尺寸的favicon 和 应用程序图标 同时还支持 Favicon 的图标案例库，可以按照英文字母和颜色来搜索，如果不限自己制作，可以直接下载复用。

---

No.5 Genfavicon

Genfavicon 是一个非常简单 favicon 在线生成工具，支持中文，只能生成指定尺寸的单个图标，不能批量生成，但支持从原始图片上进行裁剪，选取要生成图标的图片的区域。

---

No.6 Faviconico.org

Faviconico.org 这个 favicon 在线生成的不同一点是支持同时生成多张图片的 favicon 图标。 原始图片必须为jpg、gif、png格式，原始图片文件大小最大支持 5M，尺寸也只是有 16 × 16 32 × 32 48 × 48 64 × 64 128 × 128 5个尺寸，也不能批量生成，也是只能逐个下载。

---

No.7 Favicon.cc

Favicon.cc 是一个 Favicon 在线编辑器，你可以通过这个工具来进行绘制，但通过原始图片转化成图标的功能比较差，只能生成一个16x16像素尺寸的ico文件。

---

No.8 比特虫

比特虫 是一个国产 favicon 转化工具，可以将图片转成 ico 文件，做大原始图片500k，支持 .jpg .jpeg .gif .png,4种格式，但估计是网站比较老，生成的尺寸明显不足，只有5个尺寸，也不能批量生成，只能一个一个创建生成，效率实在是低。

---

No.9 FAVIC-O-MATIC

Favic-o-Matic 免费在线生成 favicon 工具，包括.ico和.png（包括透明的），以及使您的网站在每个浏览器和每个设备上适配的 HTML代码 和图片。该工具几乎囊括了市面上每种尺寸图标的使用场景，并且有尺寸提示 如 16x16 适用于标准浏览器，57x57 适用于iPod Touch，196x196 适用于Android Chrome(M31版本以上)。 该工具在操作上还是比较方便的，选好尺寸之后上传后可以自动生成，不用手动点击下一步。

---