Tiny function in JavaScript/TypeScript to compress image file. Generally use this to precompress a image on the client side before uploading it.

compressImage.ts

import Compressor from "compressorjs";

export const compressImage = async (
  file: File,
  quality: number,
  maxHeight: number,
  maxWidth: number,
  convertSize?: number
): Promise<File | Blob> => {
  return await new Promise((resolve, reject) => {
    new Compressor(file, {
      quality,
      maxHeight,
      maxWidth,
      convertSize,
      success: resolve,
      error: reject,
    });
  });
};