网站图标是当有人访问网站时，出现在浏览器标签页、书签列表和地址栏建议中的小图标。正确处理它不仅仅是将图像变小。一个看起来清晰的网站图标需要正确的像素尺寸、清晰居中的设计以及适合其使用环境的正确格式。标准的网站图标尺寸是 16x16 像素，用于基本的浏览器标签页显示，32x32 用于高密度显示屏，48x48 包含在完整的网站图标包中。准备不当的网站图标在标签页中看起来模糊或不清晰，这是一个反映网站整体质量的小细节。
如何为网站图标调整图像大小
对于基础网站图标，在宽度和高度字段中都输入 16，并关闭“保持宽高比”复选框以获得强制方形输出。对于更高分辨率的版本，在两个字段中都输入 32 重复该过程。对于完整的网站图标包，分别在 16x16、32x32 和 48x48 下处理相同的图像。
源图像质量在网站图标尺寸下比几乎任何其他尺寸都更重要。复杂的徽标或详细的插图在 16x16 下会失去所有可识别的形状。具有清晰边缘和最少细节的简单粗体图标则要好得多。从可用的最大图标版本开始，并在每个尺寸下缩小以获得最清晰的结果。一次上传多个尺寸，完成后下载为 ZIP 文件。
标准网站图标尺寸
16x16 像素：在标准分辨率屏幕的浏览器标签页中显示的基本尺寸。32x32 像素：用于高密度显示屏和 Windows 桌面快捷方式。48x48 像素：包含在完整的网站图标包中以获得更广泛的兼容性。180x180 像素：当网站保存到 iOS 主屏幕时使用的 Apple Touch Icon 尺寸。192x192 像素：Android 设备用于主屏幕 Web 应用程序图标。完整的网站图标包通常包含从同一源图标生成的所有这些尺寸。
网站图标的输出格式
PNG 是现代网站图标实现中最广泛支持的格式。大多数浏览器通过 HTML head 中的 link 标签直接接受 PNG 网站图标文件。PNG 支持透明背景，使网站图标能够清晰地放置在浏览器标签页颜色之上。传统的 ICO 格式将多个尺寸捆绑到单个文件中，并且仍然用于浏览器默认查找的根 favicon.ico 文件。正确尺寸的 PNG 是大多数现代 Web 项目最直接的方法。