图片压缩工具

基于的专业图片压缩工具

智能压缩算法,在保持图片质量的同时大幅减小文件体积

压缩状态

图片上传 等待中
图片分析 等待中
压缩处理 等待中
压缩进度 0%
准备开始压缩...

支持格式

JPG JPEG PNG WebP GIF BMP

技术信息

Compressor.js
v1.1.1
纯前端处理
隐私保护
快速高效

图片压缩工具

智能压缩,保持高质量

上传图片

拖拽图片到此处,或点击选择文件

支持 JPG, PNG, JPEG, WebP, GIF, BMP 格式,最大 20MB

压缩设置

压缩质量
0.8 (80%)
低质量 中等质量 高质量 最优质量
质量预设:
低质量 (30%) 中等质量 (60%) 高质量 (80%) 最优质量 (100%)
输出格式
保持原格式 JPG PNG WebP

JPG/WebP支持质量调整,PNG为无损压缩

尺寸调整

Compressor.js高级选项

所有压缩操作在浏览器中完成,不会上传到服务器

压缩结果

压缩结果将显示在这里...

使用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);
  }
});
2

调整尺寸

压缩的同时调整图片尺寸

// 调整尺寸示例
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类型
  // ... 其他配置
});
4

高级选项

使用Compressor.js的高级功能

// 高级选项示例
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压缩 服务器压缩
处理速度 快速 中等 依赖网络
隐私保护 本地处理 本地处理 需要上传
功能丰富度 丰富 基础 丰富
浏览器兼容性 良好 良好 优秀
使用成本 免费 免费 可能有费用