webp-converter-browser
v1.0.4TypeScript
Convert image to webp in browser side
1.0K/weekUpdated 2 years agoMITUnpacked: 12.8 KB
Published by juunini
npm install webp-converter-browserWebP Converter Browser
alt=""
width="300"
/>
---
Demo
Introduce
Convert your image in browser side(frontend side).
Install
``bashnpm
npm install webp-converter-browser
yarn
yarn add webp-converter-browser
pnpm
pnpm add webp-converter-browser
bun
bun add webp-converter-browser
`
Usage
ts
import { srcToWebP, blobToWebP, arrayBufferToWebP } from 'webp-converter-browser'// ...
// When it cause CORS, you may failed to use
srcToWebP
const webpBlob = await srcToWebP(pngSrc, { /* options / })
// or
const webpBlob = await blobToWebP(pngBlob, { /* options / })
// or
const webpBlob = await arrayBufferToWebP(jpgArrayBuffer, { /* options / })
$3
html
``Options
| Name | Description | Default |
|-|-|--------------------|
| quality | image quality | 0.75 |
| width | image width | Given image width |
| height | image height | Given image height |