ElonXun/squoosh-compress

compress image use squoosh

squoosh-compress

squoosh-compress 是一个前端图片压缩库，适用于react、vue、angular等，核心压缩原理来自google的开源图片压缩方案squoosh

安装

npm i squoosh-compress --save

用法

compress(options).then((res) => {})

compress options data

name	type	default	description
image	File	none	图片文件必传
encodeData	object	none	转化参数必传
sourceFilename	string	none	图片文件名称必传

encodeData

name	type	default	description
type	string	none	转换图片的类型必传（browser-png | browser-jpeg | browser-webp）
options	object	none	转换的额外参数（type为browser-png时非必传）

options

name	type	default	description
quality	number	none	转换质量

for example：

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
  );