Cropper for multiple images about react-advanced-cropper

[ssatriya]

Just want to let anyone know in case of having this issue, i create .jpeg and it give me fairly small size after crop.

Thanks

[Norserium]

@ssatriya, you can save an image to a special array before you change src. But I'm not sure that I get what you want to achieve.

[ssatriya]

@Norserium Yap, I already find the solution. In my case just using carousel and dynamically create Ref for each image. With this i think it also easier to perform image editing (like change brightness). Don't know about performance but it works.

Other questions maybe, is it normal to get bigger size after cropping? I tried to 1 mb image and get like 5-6 mb in result after cropped.

[Norserium]

@ssatriya, yes, it's, because it depends on the format that you use when you get a content from canvas: toDataURL, toBlob.

For example:

canvas.toDataURL("image/jpeg");

By default, that methods use image/png and this format doesn't use lossy compression, therefore the result often has larger weight than an uploaded image.

[Norserium]

@ssatriya, you are welcome!