squoosh-compress

compress image use squoosh
588 19
Install
npm install squoosh-compress
Latest Version:1.0.1
License:ISC
Last Updated:Aug 25, 2020
Links: GitHub  ·  npm
Maintainer: elonxu

squoosh-compress

Version

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 window.compress.compress(
    file,
    {
      type: "browser-jpeg",
       options: {
         quality: 0.75
       }
    },
    file.name
  );

Edit cranky-elgamal-5tu8u

Related Packages

@yireen/squoosh-browser

An image compression tool run in browser while @squoosh/lib can not.

16,437 35
squoosh-browser-sense

An image compression tool run in browser while @squoosh/lib can not.

1,610 35
vior

A mini copy of Vue made on my own.

3,085 1
compress-sdk-plus

Browser-side media compression SDK supporting video and image compression

2,781 1
@tomassjosten/local-storage-cache

Leverage local storage to improve perfomance by caching data and expire cache

166 1

Version History

Version Released License
1.0.1 ISC
1.0.0 ISC