前段时间在研究网站图标（Favicon）如何正确运作，一般来说，加入网站图标的做法并不难题，甚至许多网站会说只要一段源码就能做到，但现在因为有移动设备，也要考量到网站被新增到桌面时会用到差别图标尺寸，因此就必须分外准备种种差别尺寸巨细的网站图标。用这个在线神器，轻松测试「Favicon」的显示效果在建设网站和博客时通常有许多重要环节一定要做，其中一个就是加入网站图标，也就是大家常听到的「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.pngandroid-chrome-512×512.pngapple-touch-icon.pngfavicon-16×16.pngfavicon-32×32.pngfavicon.icosite.webmanifest依照 Favicon.io下方说明，将这些文档上传到你的网站服务器根目录，接着将下方的源码复制、贴上你的 HTML 网页文档的 head 标签即可。另一个有趣的功效是如果你网站没有现有图案、也不想要使用文字制作的网站图标，另有另一种图片泉源就是心情符号（Emoji），进入后选择你要使用的图案，就会帮你制作成种种尺寸巨细的网站图标。

一样可从线上预览，检察差别尺寸的显示效果，点选「Download」取得种种花样图片。值得一试的三个理由： 线上发生网站图标 Favicon，可从文字制作或以现有图片转换可制作出常见尺寸、适用于移动设备的图片文档解压缩将图片上传服务器根目录，复制网站的源码规范即可载入。

本文来源：8868体育-southerncomfortdental.com