UD5工具箱
什么是多分辨率Favicon检查器
多分辨率Favicon检查器是一款专为网站开发者和设计师打造的在线检测工具，用于全面检查网站图标（Favicon）在各种分辨率和设备类型下的显示效果。Favicon是浏览器标签页、书签栏、收藏夹和移动设备主屏幕上显示的小图标，是网站品牌识别的重要组成部分。许多开发者往往只准备了一个单一尺寸的favicon.ico文件，导致网站图标在不同设备和分辨率下可能出现模糊、变形或不显示的问题。这款工具能够帮助开发者快速检测并发现这些问题，确保网站图标在所有设备上都能清晰美观地展示。
输入URL自动检测功能
用户只需在工具中输入网站的URL地址，工具就会自动尝试从该网站获取所有可用的favicon资源。工具会检测网站HTML文档中通过link标签声明的各种favicon文件，包括favicon.ico、apple-touch-icon、apple-touch-icon-precomposed、icon等各种类型。检测到的图标会自动按照尺寸和类型进行分类展示。自动检测功能支持HTTP和HTTPS协议，也可以输入不含协议前缀的域名地址。对于无法自动检测到图标的网站，工具会提示用户手动上传图标文件进行检查。
上传图标手动检查
除了URL自动检测外，工具还支持用户直接上传图标文件进行检查。用户可以通过文件选择器或拖拽方式上传PNG、JPEG、ICO等常见图片格式的图标文件。上传的图标会立即在工具界面中以各种分辨率进行渲染显示，帮助用户查看图标在不同尺寸下的清晰度和视觉效果。这个功能特别适合在网站开发阶段，图标文件还未部署到服务器时使用。用户可以上传图标的多个分辨率版本，逐一检查每个版本的显示效果，确保最终选择的图标在所有目标分辨率下都能呈现最佳效果。
18种常见分辨率检查
工具内置了18种常见的favicon分辨率尺寸，涵盖了从最小的16x16像素到最大的512x512像素的完整范围。这些分辨率包括16x16（浏览器标签页）、32x32（任务栏快捷方式）、48x48（Windows站点图标）、64x64（高分辨率标签页）、96x96（Google TV）、128x128（Chrome Web Store）、144x144（Windows Tile）、150x150（Windows Tile）、192x192（Android Chrome）、196x196（Android Home Screen）、256x256（Chrome Web Store）、384x384（Android Chrome）、512x512（Android Chrome Splash Screen）等。每种分辨率都会单独渲染显示，让用户清楚地看到图标在每个尺寸下的表现。
四类尺寸分组
工具将18种分辨率按照设备和用途分为四大类：标准类包含16x16、32x32、48x48等桌面浏览器常用尺寸；Apple类包含120x120、152x152、167x167、180x180等iOS设备专用尺寸；Android-PWA类包含192x192、512x512等Android设备和PWA应用所需尺寸；Microsoft类包含70x70、150x150、310x310等Windows磁贴专用尺寸。每个分组都会显示对应的设备类型和使用场景说明，帮助用户理解每种分辨率的用途和重要性。
三种背景模式对比
工具提供浅色、深色和棋盘格三种背景模式，用于在不同背景下查看图标效果。浅色背景模拟了白色或浅色浏览器界面中的显示效果；深色背景模拟了深色模式下或深色桌面背景中的显示效果；棋盘格背景（透明棋盘格）则用于检查图标的透明通道是否正确，以及图标在各种复杂背景上的适应性。通过三种背景的对比，用户可以全面评估图标在不同使用场景下的视觉表现，确保图标在任何背景下都能清晰辨识。