Agontuk/vue-cropperjs

Different cropped image result on different OS/screens (blurry images)

and-zverev opened this issue · 1 comments

Hi!
I used your demo project (https://agontuk.github.io/vue-cropperjs/) to check the quality of cropped images. As a result, I got images of different quality on different devices:
MAC OS (Retina, 2880x1800) - clear images, looks great
Windows (IPS, 1920x1080) - images are noticeably blurry (especially text)

Steps:
1.upload the original image
2.select the area to be cropped (with text)
3.click crop
4. "save image as" on cropped image
5.compare images from different os / devices

I'll add the original image, and two versions of the cropped images below.

Can you tell why this is happening? Can this be fixed?
If not, please tell me any alternatives or anything that might help me.
This is very important to me. Thanks.

Original
original

MAC OS
retina

Windows
IPS

Sorry for the late reply, as this library is just a wrapper around cropperjs, you may want to file an issue there. I would guess it's resolution related, mac provides a better quality since it has a retina display.

https://github.com/fengyuanchen/cropperjs