squoosh-compress

KO | EN

gitlite — search

#javascript #python #ai #go #golang #android #machine-learning #docker #nodejs #awesome #cli #vue #security #mcp

squoosh-compress

(★ 19)

compress image use squoosh

squoosh-compress Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

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

[![Edit cranky-elgamal-5tu8u](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/cranky-elgamal-5tu8u?fontsize=14&hidenavigation=1&theme=dark)

squoosh-compress

squoosh-compress Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

squoosh-compress

squoosh-compress Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README