Каков наилучший способ сжатия и уменьшения размера изображения при загрузке в приложение?

Question

Я работаю над приложением стека MERN и смог обработать загрузку изображений с помощью dropzone и redux-form во внешнем интерфейсе и multer во внутреннем, и теперь я хочу уменьшить размер изображений без потери качества, когдаони превышают максимальный размер 4 МБ и как мне проверить, работает ли он. Каковы наиболее эффективные инструменты для этого.

Я пытался реагировать изменения размера файла изображения, но не работал

fileChangedHandler(event) {
    var fileInput = false
    if (event.target.files[0]) {
      fileInput = true
    }
    if (fileInput) {
      Resizer.imageFileResizer(
        event.target.files[0],
        100,
        100,
        'JPEG',
        100,
        0,
        uri => {
          console.log(uri)
        },
        'base64'
      );
    }
  }

использовал этот метод fileChangeHandler внутри тега dropzone (onChange = fileChangeHandler) и внутри компонента поля redux Field, который вызывает dropzone.

я не заметил изменений.