图标制作工具-使用教程
一、工具简介
图标制作工具是纯本地离线图标缩放、格式转换工具，无需安装软件、无需联网、图片不上传服务器，隐私安全无压缩损耗隐患。
支持任意图片一键制作成各类软件图标、网站图标、APP图标，满足开发、设计、美化全部需求。
核心功能汇总：
- 双模式上传：点击上传 / 拖拽上传
- 超多预设尺寸 + 自定义尺寸（支持锁定比例）
- 多格式导出：PNG、ICO、WebP、JPG
- 图片质量自定义压缩（10%-100%）
- 底色切换：透明底色 / 白色底色
- 一键清空重置，可反复使用
二、工具部署方法（超简单）
- 新建一个文本文档（.txt）
- 复制我给你的完整代码，全部粘贴进去
- 保存文件，将后缀名 .txt 修改为 .html
- 双击该文件，自动用浏览器打开即可使用
✅ 支持所有浏览器：Chrome、Edge、360浏览器、火狐等
三、支持的全部导出尺寸
内置常用开发/设计全套图标尺寸，无需手动输入：
16×16、24×24、32×32、36×36、48×48、64×64、72×72、96×96、128×128、144×144、152×152、192×192、256×256、384×384、512×512
四、详细使用步骤
步骤1：上传图片
两种上传方式任选其一：
- 方式1：点击页面上传区域，选择本地图片
- 方式2：直接将图片拖拽到上传区域
上传成功后，页面会显示原图尺寸+图片预览，同时解锁导出按钮。
步骤2：选择尺寸模式（二选一，互斥功能）
工具设置了常用尺寸 / 自定义尺寸 互斥切换，避免冲突：
模式A：常用固定尺寸（默认） - 勾选需要的任意多个预设尺寸
- 自定义尺寸区域自动锁定、不可操作
- 可一次性批量导出多个尺寸图标
模式B：自定义尺寸 - 选择该模式后，所有预设尺寸自动禁用
- 手动输入需要的宽度、高度
- 勾选「锁定宽高比例」，改宽度自动适配高度，防止图片变形
步骤3：设置图片质量与底色
- 图片质量滑块
- 范围：10% - 100%
- 100%：无损高清，文件体积最大
- 90%（默认）：均衡清晰度和体积，推荐日常使用
- 10%：高压缩、体积极小，适合不需要高清的场景
- 底色切换
- 透明底色：适合图标、LOGO，保留透明背景（PNG/ICO/WebP生效）
- 白色底色：给图片填充纯白背景，适合JPG格式、桌面壁纸等场景
⚠️ 注意：JPG格式不支持透明背景，选择JPG会自动强制白底。
步骤4：选择导出格式
可多选，一键批量导出不同格式： - PNG：最常用，支持透明、高清无损，适配所有场景
- ICO：电脑软件图标、文件夹图标、网站 favicon 专用格式
- WebP：谷歌高清压缩格式，体积小、清晰度高，适合网页使用
- JPG：普通图片格式，无透明背景，体积最小
步骤5：一键导出 / 清空重置 - 一键批量导出：点击按钮，所有选中的尺寸+格式会自动批量下载到电脑
- 清除全部重置：一键恢复工具所有默认状态，清空图片、预览、勾选、输入框，可直接处理下一张图片
五、使用注意事项
- 所有处理均在本地浏览器完成，图片不会上传外网，绝对安全
- 尺寸互斥逻辑：选常用尺寸则自定义失效，选自定义则常用尺寸失效，避免重复导出错乱
- 锁定比例仅对自定义尺寸生效，完美防止图片拉伸变形
- ICO格式优先用于桌面图标、程序图标，不建议用于普通图片展示
- 若导出图片模糊，将质量滑块调至90%-100%即可
六、常见使用场景
- 软件开发：制作程序窗口图标、任务栏图标
- 网站搭建：制作网页 favicon 各种尺寸图标
- APP设计：批量生成适配安卓/苹果的多尺寸图标
- 日常使用：图片缩放、格式转换、图片压缩
评论区