The cropper js is increasing the file size drastically . let say if 1 MB file is processed and send as 2-3 MB size file.
If your original imaeg is JPEG, then when call canvas.toDataURL, you should pass in the same image type:
<img src="example.jpg">
$('img').getCroppedCanvas().toDataURL('image/jpeg');
Most helpful comment
If your original imaeg is JPEG, then when call
canvas.toDataURL, you should pass in the same image type: