一个现代化的在线图片缩放工具,支持按比例调整图片大小,保持原始质量。所有处理均在本地完成,您的图片不会上传到任何服务器。
- ✅ 选择本地图片(点击或拖拽上传)
- ✅ 支持 JPG、PNG、WebP 格式
- ✅ 显示原始图片信息(文件名、尺寸、文件大小)
- ✅ 自由调节缩放比例(10% - 200%)
- ✅ 快捷预设按钮(25%、50%、75%、100%、150%、200%)
- ✅ 实时显示输出尺寸
- ✅ 实时预估输出文件大小
- ✅ 支持 PNG / JPG / WebP 格式输出
- ✅ 可调节 JPG / WebP 输出质量
- ✅ 一键下载缩放后的图片
image-resizer/
├── index.html # 主页面
├── styles.css # 样式文件
├── app.js # 核心逻辑
└── README.md # 说明文档
cd image-resizer
python3 -m http.server 8080然后在浏览器中打开 http://localhost:8080
cd image-resizer
npx serve .直接在浏览器中打开 index.html 文件即可使用(部分浏览器可能有限制)。
- 现代深色玻璃态 UI 设计
- 流畅的动画效果
- 响应式布局,支持移动端
- 使用 Canvas API 进行图片处理
- 纯前端实现,无需后端服务
MIT License