图片压缩工具

一个简洁优雅的在线图片压缩工具，采用苹果风格设计，帮助用户轻松压缩图片文件。

提示语

请帮我开发一个“图片压缩”网站，这个网站的功能是：
1、用户打开后可以上传 PNG、JPG 等格式的图片，然后按需要的比例进行压缩，减少图片文件的大小；
2、上传的图片和压缩后的图片都应该在网页上可以预览查看，帮助用户判断上传的图片是否准确，压缩后的效果是否符合预期；
3、你需要展示压缩前和压缩后的文件大小；
4、允许用户下载压缩后的图片
你是个非常出色的工程师和设计师，请在完成功能设计的基础上帮我实现出色的有苹果风格视觉设计。

功能特点

• 支持 PNG、JPG 格式图片上传
• 自定义压缩比例（0-100%）
• 实时预览压缩效果
• 显示压缩前后文件大小对比
• 支持压缩后图片下载
• 响应式设计，支持各种设备访问

技术实现

• 使用原生 HTML5 和 CSS3 构建界面
• 使用 JavaScript 实现图片压缩功能
• 采用 Canvas API 进行图片处理
• 使用 Flexbox 布局实现响应式设计

项目结构