Skip to content

CompressImagePlugin — 图片压缩

优先级:10

智能压缩图片,支持尺寸调整、格式转换和质量控制。

基础用法

ts
import { CompressImagePlugin } from "@file-ud.js/plugins/uploader";

uploader.use(new CompressImagePlugin({
  quality: 0.8,          // 压缩质量 0-1
  maxWidth: 1920,        // 最大宽度
  maxHeight: 1080,       // 最大高度
  format: "webp",        // 输出格式
}));

配置参数

参数类型默认值说明
qualitynumber0.8压缩质量,0 - 1
maxWidthnumber最大宽度(px)
maxHeightnumber最大高度(px)
formatstring"jpeg"输出格式:jpeg / png / webp

使用场景

降低上传流量

ts
uploader.use(new CompressImagePlugin({
  quality: 0.6,    // 中等压缩质量
  format: "webp",   // WebP 格式体积更小
}));

限制图片尺寸

ts
uploader.use(new CompressImagePlugin({
  maxWidth: 1280,
  maxHeight: 720,
  quality: 0.85,
}));

保持原格式

ts
uploader.use(new CompressImagePlugin({
  quality: 0.7,
  // 不指定 format,默认保持 jpeg
}));

质量选择建议

质量值适用场景压缩率
0.9 - 1.0需要高质量输出
0.7 - 0.9常规使用
0.4 - 0.7缩略图、预览
< 0.4仅做体积优化很高(可能失真)

基于 MIT 协议发布