想给网站换个图标？收下这个超强大的免费生成器！

前段时在研究网站图标（Favicon）何正确运，一般来说，加网站图标的法并不困难，甚至很多网站会只一段源码就能到，但因移动设备，也考到网站被新增到桌面时会用到不同图标尺寸，因此就必须额外准备各种不同尺寸小的网站图标。

本文介绍的「Favicon.io」是一个协助站长制作网站图标（Favicon）的线上生成器，主要有三种功能，以文字、图片或表情符号制作网站图标，然后产生各种图片大尺寸，以及一个必要的 favicon.ico 文档，只要将相关文档上传网站服器根目录，依照 Favicon.io 提供的源码范例稍作修改就能为网站加入图标，和之前介绍的 Favic-o-Matic 差不多。

如果网站还合的图案，Favicon.io 支持直接以文字产网站图标，只设显示的文字、字型、框、文字小然后设颜色及背景颜色即可。

对已经有 Logo 的网站，Favicon.io 以将现有的图案转为各种尺寸，支持 JPG、PNG 和 BMP 式，亦转换为 favicon.ico。个文档比特别，也是浏览器使用的特殊图式，在单一文档加次图案，每一图案能有不同大小，常见尺寸包括 16x16px、32x32px 和 48x48px。

为了获最好兼容性，浏览过 favicon.ico 文档在不位显示不尺寸图片，例如书签列、网址列、浏览标签或桌捷径等等，若你觉前使用者网站图标不够精确或想要更新下，Favicon.io 是个很好用工具。

Favicon.io

网站链接：https://favicon.io/

使用教学

开启 Favicon.io 网站会看到三个主要功能，从文转 ICO、从 PNG（或其他图片格）转 ICO 或是从表情符号转 ICO ，选择后能进入生成。

以文母制作成网站图标也是个常见做法，过 Favicon.io 使用者需以绘图软件制作，从网页能输入要显示文、边框、文型和大小，这里型很多（应该是接从 Google Fonts 载入），可以设计出许多好看风格，最后选择下文和背景颜色能在左上预览效。

另是将你现有图片转为网站图标，这可能是大部分会选择，生成后选右上「Download」能将所有图标打下载。

下载后解压缩会获些文档，括：

• android-chrome-192×192.png
• android-chrome-512×512.png
• apple-touch-icon.png
• favicon-16×16.png
• favicon-32×32.png
• favicon.ico
• site.webmanifest

依照 Favicon.io下方说明，将文档上传到你的网站服务器根目录，接着将下方的源码复、贴上你的 HTML 网页文档的 head 标签即。

另一个有趣的功能是果你网站没有现有图案、也不想要使用文字的网站图标，还有另一种图来源就是表情符号（Emoji），进选择你要使用的图案，就帮你成各种尺寸大小的网站图标。

一样从上预览，查看不同尺寸的显示效果，点选「Download」取得各种式图。

得一试的三理由：

•  线上产生图标 Favicon，可从字制作或现有图片转换
• 可制作出常见尺寸、适用于移动备的图片文档
• 解压缩将图片传服务器根目录，复制网站的源码范例即可载入