Compress Image Within Angular Or React

You might need to compress an image for a web application without a server. I've built an example of a web side image compressor here that works in Angular.

There's a package compressorjs that does just this. I'm going to be using Typescript for this example but it would be pretty easy to just take the types out if you're using vanilla Javascript.

Install compressorjs into your web app

import compressorjs 

Add a Compress Function