图片压缩工具
基于Compressor.js的专业图片压缩工具
智能压缩算法,在保持图片质量的同时大幅减小文件体积
压缩状态
图片上传
等待中
图片分析
等待中
压缩处理
等待中
压缩进度
0%
准备开始压缩...
支持格式
JPG
JPEG
PNG
WebP
GIF
BMP
图片压缩工具 基于Compressor.js
智能压缩,保持高质量上传图片
拖拽图片到此处,或点击选择文件
支持 JPG, PNG, JPEG, WebP, GIF, BMP 格式,最大 20MB
压缩设置
压缩质量
0.8
(80%)
低
低质量
中
中等质量
高
高质量
优
最优质量
质量预设:
低质量 (30%)
中等质量 (60%)
高质量 (80%)
最优质量 (100%)
输出格式
保持原格式
JPG
PNG
WebP
JPG/WebP支持质量调整,PNG为无损压缩
尺寸调整
Compressor.js高级选项
所有压缩操作在浏览器中完成,不会上传到服务器
压缩结果
压缩前后对比
原图
压缩图
压缩详情
原图大小:
-
压缩后大小:
-
压缩比例:
-
节省空间:
-
批量压缩结果
共 0 个文件,节省 0 KB
压缩结果将显示在这里...
使用Compressor.js进行专业级图片压缩
Compressor.js使用示例
1
基本压缩
最简单的压缩配置,只设置质量参数
// 基本压缩示例
new Compressor(file, {
quality: 0.8, // 压缩质量 (0.1 - 1.0)
success(result) {
// 压缩成功回调
console.log('压缩成功', result);
},
error(err) {
console.log('压缩失败', err.message);
}
});
new Compressor(file, {
quality: 0.8, // 压缩质量 (0.1 - 1.0)
success(result) {
// 压缩成功回调
console.log('压缩成功', result);
},
error(err) {
console.log('压缩失败', err.message);
}
});
2
调整尺寸
压缩的同时调整图片尺寸
// 调整尺寸示例
new Compressor(file, {
quality: 0.8,
width: 800, // 最大宽度
height: 600, // 最大高度
resize: 'contain', // 调整模式
strict: true, // 严格模式
// ... 其他配置
});
new Compressor(file, {
quality: 0.8,
width: 800, // 最大宽度
height: 600, // 最大高度
resize: 'contain', // 调整模式
strict: true, // 严格模式
// ... 其他配置
});
3
格式转换
将图片转换为其他格式
// 格式转换示例
new Compressor(file, {
quality: 0.8,
convertSize: 5000000, // 5MB以上才转换
convertType: 'image/webp', // 转换为WebP格式
mimeType: 'image/jpeg', // 强制指定MIME类型
// ... 其他配置
});
new Compressor(file, {
quality: 0.8,
convertSize: 5000000, // 5MB以上才转换
convertType: 'image/webp', // 转换为WebP格式
mimeType: 'image/jpeg', // 强制指定MIME类型
// ... 其他配置
});
4
高级选项
使用Compressor.js的高级功能
// 高级选项示例
new Compressor(file, {
quality: 0.8,
strict: true, // 如果压缩后更大,返回原图
checkOrientation: true, // 检查EXIF方向
retainExif: true, // 保留EXIF数据
// ... 其他配置
});
new Compressor(file, {
quality: 0.8,
strict: true, // 如果压缩后更大,返回原图
checkOrientation: true, // 检查EXIF方向
retainExif: true, // 保留EXIF数据
// ... 其他配置
});
Compressor.js特性
高性能
基于HTML5 Canvas API实现,压缩速度快,内存占用低。支持批量处理,提高工作效率。
隐私安全
所有图片处理都在浏览器本地完成,不会上传到任何服务器,完全保护您的隐私和数据安全。
丰富选项
支持质量调节、尺寸调整、格式转换、EXIF处理等多种选项,满足不同场景的压缩需求。
开源免费
Compressor.js是一个开源项目,基于MIT许可证,完全免费使用,并有活跃的社区支持。
| 特性 | Compressor.js | 传统Canvas压缩 | 服务器压缩 |
|---|---|---|---|
| 处理速度 | 快速 | 中等 | 依赖网络 |
| 隐私保护 | 本地处理 | 本地处理 | 需要上传 |
| 功能丰富度 | 丰富 | 基础 | 丰富 |
| 浏览器兼容性 | 良好 | 良好 | 优秀 |
| 使用成本 | 免费 | 免费 | 可能有费用 |