squoosh-compress 是一个前端图片压缩库,适用于react、vue、angular等,核心压缩原理来自google的开源图片压缩方案squoosh
npm i squoosh-compress --save
compress(options).then((res) => {})
name | type | default | description |
---|---|---|---|
image | File | none | 图片文件必传 |
encodeData | object | none | 转化参数必传 |
sourceFilename | string | none | 图片文件名称必传 |
name | type | default | description |
---|---|---|---|
type | string | none | 转换图片的类型必传(browser-png | browser-jpeg | browser-webp) |
options | object | none | 转换的额外参数(type为browser-png时非必传) |
name | type | default | description |
---|---|---|---|
quality | number | none | 转换质量 |
import { compress } from 'squoosh-compress';
const data = await compress(
file,
{
type: "browser-png",
},
file.name
);
const data2 = await compress(
file,
{
type: "browser-jpeg",
options: {
quality: 0.75
}
},
file.name
);