Just looking at the docs for react-dropzone, they recommend Filepond for something similar to what you're looking for. Source: over 1 year ago

I've had this problem for a while. I'm using filepond on the frontend for uploading files, and I've followed their setup documentation, but I cannot for the life of me get it to work. I'm using django-drf-filepond as the backend for my FilePond uploads, but I keep getting `Bad Request: /uploads/process/` errors. My FilePond configuration is. Source: over 2 years ago

This works as intended if the form does not invoke filepond. Source: over 2 years ago

I'm a big fan of this library: https://pqina.nl/filepond/. Source: over 2 years ago

React Filepond - A new way to upload files. - Source: dev.to / over 2 years ago

Improve your website speed and mobile responsiveness. Google loves websites that load fast. Make sure your pictures aren't heavy. Use apps like TinyJPG. Use the right amount of animation because too much of anything is bad. Source: 8 months ago

Extract the scanned image and resize to make it a bit smaller, then compress the images on tinyjpg.com, merge them all into one pdf file using smallpdf, finally compress the pdf file again on the same website. Source: about 1 year ago

I'd say that a proper OR recommended approach towards optimizing images for the web is to manually compress them with compression tools like TinyJPG or Squoosh before uploading them to your favorite image CDN. Why? you'd ask me. - Source: dev.to / over 1 year ago

Oh and for the file size: compressing is usually better than resizing. And your image is a PNG which is much bigger in size than a JPG and you barely notice the difference. You can use https://tinyjpg.com/ or any proper image editor for good compression or even in Wonderdraft, you can (for sharing on Reddit) better export it as a JPG and at 80% or so. Source: over 1 year ago

Compress image using commandline tool (convert / jpegoptim) or online tool - https://tinyjpg.com/. - Source: dev.to / almost 2 years ago