图片修改工具

一个简单易用的网页图片修改工具，适配微信表情包上传流程，支持调整图片尺寸、限制文件大小，以及抠图去除背景。 在线体验：https://r407w0u61s.app.yourware.so/

功能特点

• 将图片调整为指定尺寸（640×640像素、240×240像素、50×50像素或750×400像素）
• 自动控制图片质量，确保输出文件不超过500KB
• 抠图功能：去除图片背景，只保留主体部分，背景变为透明
• 图片预览功能
• 支持常见图片格式（JPG、PNG、GIF等）
• 简洁美观的用户界面

使用方法

1. 打开 index.html 文件
2. 点击"选择图片"按钮上传您要处理的图片
3. 选择目标尺寸（640×640像素、240×240像素、50×50像素或750×400像素）
4. 通过质量滑块调整图片质量（可选）
5. 如需抠图去除背景，勾选"抠图（去除背景）"，并调整灵敏度（可选）
6. 点击"处理图片"按钮
7. 处理完成后，查看结果并点击"下载图片"按钮保存

技术实现

• 纯前端实现，无需服务器支持
• 使用HTML5的Canvas API进行图片处理
• 利用JavaScript的Blob API和FileReader API处理文件
• 基于边缘像素检测的背景去除算法
• 响应式设计，支持移动设备访问

抠图功能说明

抠图功能基于以下原理：

• 分析图片边缘像素的颜色特征，判断可能的背景色
• 计算每个像素与背景色的相似度
• 根据用户设置的灵敏度阈值，将相似度高的像素设为透明
• 抠图后的图片保存为PNG格式以保留透明效果

灵敏度调整：

• 灵敏度值较低：只有与背景色非常接近的像素会被去除，但可能导致主体图像边缘失色
• 灵敏度值较高（推荐）：更多的像素会被识别为背景并去除，主体图像保留完整
• 默认设置为90%，对大多数图片都有较好的效果

注意：对于复杂背景或颜色渐变的图片，可能需要手动调整灵敏度以获得最佳效果。

注意事项

• 图片处理在浏览器中完成，不会上传到任何服务器
• 为保证最佳效果，建议使用Chrome、Firefox或Edge等现代浏览器
• 如需处理大尺寸图片，可能需要较长处理时间
• 抠图效果与图片的背景复杂度有关，简单纯色背景效果最佳

本地运行

只需将所有文件下载到本地，然后在浏览器中打开index.html文件即可使用。

图片修改工具/
├── index.html      # 主页面
├── style.css       # 样式表
├── script.js       # JavaScript脚本
└── README.md       # 说明文档