Skip to content

Tobu-code/image-resizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

图片无损缩放工具

一个现代化的在线图片缩放工具,支持按比例调整图片大小,保持原始质量。所有处理均在本地完成,您的图片不会上传到任何服务器。

✨ 功能列表

  • ✅ 选择本地图片(点击或拖拽上传)
  • ✅ 支持 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     # 说明文档

🚀 运行说明

方式一:使用 Python 内置服务器

cd image-resizer
python3 -m http.server 8080

然后在浏览器中打开 http://localhost:8080

方式二:使用 Node.js 服务器

cd image-resizer
npx serve .

方式三:直接打开

直接在浏览器中打开 index.html 文件即可使用(部分浏览器可能有限制)。

🎨 技术特点

  • 现代深色玻璃态 UI 设计
  • 流畅的动画效果
  • 响应式布局,支持移动端
  • 使用 Canvas API 进行图片处理
  • 纯前端实现,无需后端服务

📝 许可证

MIT License

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors