在线图片压缩--浏览器端照片压缩工具

提示词：

用HTML开发一个浏览器端照片压缩工具，支持上传图片、调整压缩质量、实时预览效果并下载。
详细需求如下：
1. 需要确定压缩后的图片尺寸和大小一定要比压缩前小
2. 界面中可以直尺查看，压缩前的照片和压缩后的照片 ，如果没有的话就显示暂无
3. 可以选择自定义选择输出格式
4. 压缩前后都是base64格式座位 img 标签的src 值
5. 上传图片组件一定要方式重复上传
6. 输出格式如果选为质量较高的png格式图片的时候，压缩后的大小一定要比压缩前小
7. 最终压缩后的图片的尺寸和大小一定要小于压缩前的
8. 哪怕是png（无损压缩）也要保证压缩后的大小一定小于压缩前的，要强制压缩

豆包会给出一个完整的html文件，双击即可在浏览器打开使用。