多尺寸 Favicon 预览器

上传一张本地图片，工具会在浏览器本地把它按 contain 规则（完整显示、居中、不裁切、不拉伸）缩放为 16/32/48/64/128/180/192/512 等常用尺寸，并给出各尺寸的预览与 PNG 下载。可切换浅色、深色、棋盘格三种预览背景，便于观察图标在透明背景下的表现。图片只在你的电脑本地读取，不会上传到服务器。

选择图片等待选择

尚未选择图片点击选择或拖拽图片到此处；支持 PNG、JPG、WebP、SVG 等，仅在本地读取。

预览背景

图片仅在浏览器本地通过 FileReader 读取，不会上传服务器；「生成示例图」会在本地绘制一张测试图用于体验。

多尺寸预览

原图尺寸—

文件大小—

生成尺寸数—

选择一张图片并点击「生成预览」，各尺寸效果会显示在这里。

缩放按 contain 规则居中显示；浏览器标签页与桌面快捷方式的实际显示效果可能因操作系统与浏览器环境而异。

预览规则

图片通过 FileReader 读为 DataURL，再交给 Image 解码，全程不离开你的设备。
缩放算法为 contain：scale = min(size/宽, size/高)，绘制宽高取整并居中。
生成尺寸为 16/32/48/64/128/180/192/512，覆盖常见 favicon 与 Apple Touch Icon 尺寸。
下载的 PNG 由 canvas.toDataURL('image/png') 导出，透明区域会保留。
非图片文件或浏览器无法解码的图片会给出错误提示，不会生成预览。
浏览器标签页与桌面快捷方式的真实显示效果可能因操作系统与浏览器环境而异。