search

Agontuk / vue-cropperjs

A Vue wrapper component for cropperjs https://github.com/fengyuanchen/cropperjs
MIT License
932 stars 225 forks source link

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

Open and-zverev opened 2 years ago

and-zverev commented 2 years ago

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

  1. "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

Agontuk commented 2 years ago

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