图片尺寸调整与智能压缩工具｜JavaScript 在线图片处理开源项目Vibe Coding

适用于电商运营、自媒体内容制作、网站图片管理、证件照尺寸调整等场景，解决日常图片尺寸修改、文件大小压缩及格式转换需求。

用户无需安装专业图片编辑软件，即可通过浏览器完成图片处理和导出，支持离线使用，适用于个人及企业日常办公场景。

基于 JavaScript、HTML5 Canvas 开发的轻量级图片尺寸调整与压缩工具，支持 JPG、PNG、WebP 图片导入，通过浏览器直接完成图片处理。

主要功能：

1. 图片导入：支持文件选择、拖拽上传及图片实时预览。
2. 尺寸调整：支持自定义图片宽度、高度及锁定宽高比例。
3. 图片压缩：支持设置目标文件大小，通过 JPG 质量参数优化，在可实现范围内控制输出体积。
4. 格式转换：支持将图片导出为 JPG、PNG 格式。
5. 图片导出：支持本地下载，兼容部分浏览器的文件另存为功能。
6. 离线使用：无需后端服务器，图片处理在本地浏览器中完成，可直接通过 HTML 文件离线运行。

适用于图片处理工具、Web 实用工具及企业内部图片管理功能开发。

1. 使用原生 JavaScript、HTML5、CSS3 开发响应式 Web 应用，实现图片导入、参数设置、实时预览及结果导出。

2. 基于 File API 和 Blob 实现本地图片读取、文件类型校验与数据处理，支持 JPG、PNG、WebP 格式。

3. 使用 HTML5 Canvas API 实现图片重绘、像素尺寸调整及格式转换，支持保持原始宽高比例。

4. 设计 JPG 图片压缩算法，通过多轮质量参数搜索，在指定尺寸下尽可能满足目标文件大小限制。

5. 实现图片异常处理、文件大小校验、尺寸限制及操作状态反馈，提高工具的可用性。

6. 基于浏览器本地处理机制完成图片导入与导出，无需上传服务器，支持离线运行。

7. 使用 Node.js 构建脚本生成独立 HTML 页面，并通过 ZIP 打包实现便捷分发。