前段时间，我在研究如何正确操作favicon。 一般来说网页设计创新源码，添加图标并不困难。 很多网站甚至说只需要一段源代码就可以完成。 但现在有了移动设备网页设计创新源码，你就必须考虑到这一点。 当网站添加到桌面时，会使用不同大小的图标，因此必须额外准备各种大小的网站图标。
使用这款在线神器轻松测试“Favicon”的显示效果
构建网站或博客时通常必须完成许多重要步骤。 其中之一就是添加网站图标，也俗称“Favicon”。 它是什么？
阅读文章>>
本文要介绍的“Favicon.io”是一个辅助站长制作网站图标（Favicon）的在线生成器。 它具有三个主要功能。 它可以用文字、图片或表情创建网站图标，然后生成各种图像尺寸。 以及必要的favicon.ico文件，只要将相关文件上传到网站服务器根目录，并对Favicon.io提供的源码示例稍加修改，就可以将图标添加到网站中，这与之前介绍的 Favic-o-Matic 类似。
如果网站没有合适的图案，Favicon.io 支持直接从文本生成网站图标。 只需设置要显示的文字、字体、边框、文字大小，然后设置颜色和背景颜色即可。
对于已经有徽标的网站，Favicon.io 可以将现有图案转换为各种尺寸，支持 JPG、PNG 和 BMP 格式，还可以转换为 favicon.ico。 这份文件很特别。 它也是浏览器使用的特殊图像格式。 它将多层模式添加到单个文档中。 每层图案可以有不同的尺寸。 常见尺寸包括 16x16px、32x32px 和 48x48px。
为了获得最佳的兼容性，浏览器通过 favicon.ico 文档在不同位置显示不同尺寸的图像，例如书签栏、URL 栏、浏览器选项卡或桌面快捷方式等。如果您觉得当前用户的网站图标不够准确或者想要更新，Favicon.io 是一个很好用的工具。
Favicon.io
网站链接：
使用教学
当您打开 Favicon.io 网站时，您将看到三个主要功能，将文本转换为 ICO、将 PNG（或其他图像格式）转换为 ICO、或将表情符号转换为 ICO。 选择后即可进入生成。
用文字字母制作网站图标也是一种常见的做法。 使用 Favicon.io，用户无需使用绘图软件来创建它们。 他们可以输入要从网页显示的文本、边框、文本字体和大小。 字体有很多（应该直接从Google Fonts加载），可以设计很多漂亮的样式，最后选择文字和背景颜色可以在左上角预览效果。
另一种是将现有图像转换为网站图标。 这可能是大多数人都会选择的方法。 生成后，点击右上角“下载”即可打包下载所有图标。
下载并解压后，您将得到一些文档，包括：
按照 Favicon.io 上的以下说明将这些文档上传到您网站服务器的根目录，然后复制下面的源代码并将其粘贴到您的 HTML Web 文档的 head 标签中。
另一个有趣的功能是，如果您的网站没有现有的模式，并且您不想要用文本制作的网站图标，那么还有另一个图像源，那就是表情符号。 输入后，选择您想要使用的图案，它将帮助您可以创建各种尺寸的网站图标。
您还可以在线预览查看不同尺寸的显示效果，点击“下载”即可获取各种格式的图片。
值得一试的三个原因：
