compress-image
compress-image copied to clipboard
Compress PNG, JPG, GIF, WEBP, SVG, TIFF, BMP images online in seconds for free! Resize images by pixels or percentages quality or Width/Height
Compress-Image
Compressing image with HTML5.
Browser Compatibility
| Browser | Version |
|---|---|
| IE | 10+ |
| Chrome | 22+ |
| Firefox | 16+ |
| Safari | 8+ |
| Android Browser | 4+ |
| Chrome for Android | 32+ |
| iOS Safarri | 7+ |
Dependencies
- Exif.js
- ES6 Promise polyfill.
Install
Via npm:
npm install canvas-compress --save
Via bower:
bower install canvas-compress --save
Usage
import { CanvasCompress } from 'canvas-compress';
let compressor = new CanvasCompress(options);
compressor.process(fileBlob).then(({ source, result }) => {
const { blob, width, height } = source;
const { blob, width, height } = result;
...
});
Options
There're four optional properties for options object:
-
type<string>: output type, default isimage/jpeg -
width<number>: output width, default is1000 -
height<number>: ouput height, default is618 -
quality<number>: output quality, defalut is0.9
License
MIT.