Croppie: Image quality gets reduced

[sakshisyscom]

Expected Behavior

Image quality should be maintained.

Actual Behavior

Image quality gets reduced.

Steps to Reproduce the Problem

1. When we click on get result, we get accurate image.
2. Only image quality gets reduced, text appears somewhat distorted.
3. Please suggest a way to maintain original image quality after crop.

Example Link

• Link: http://syscomprojects.com/aaa/Croppie-2.6.1/

Specifications

• Browser: Firefox
• Version:

[BVazquezAlvarez]

In result function, save the cropped image in original size:

$uploadCrop.croppie('result', {
                                            type: 'blob',
                                            size: 'original',
                                            circle:'false',
                                            format:'png'
                                    }).then(function (resp) {

                                    });

You have to read the documentation, mate. Most of your questions have their answers in it. ;)

[sakshisyscom]

Thanks for your help and suggestion. Actually documentation says to set 'quality' between 0 to 1 to get desired result. But this setting 'size' to 'original' worked for me to maintain image quality.

[JoeDuncko]

Cool! I'm going to try this. Because it worked for you @sakshisyscom , should this be closed?

[JoeDuncko]

Just tried this, looks like it works!

[JoeDuncko]

@BVazquezAlvarez Where did you find that in the documentation? I ctrl+f ed and couldn't find it at http://foliotek.github.io/Croppie/

[thedustinsmith]

@JoeDuncko http://foliotek.github.io/Croppie/#result -> Ctrl+F -> "size"

[JoeDuncko]

RIP me, no idea how I messed that up @thedustinsmith . Though for the record all I ended up doing was doubling my result size from my viewport size, so that it's more like retina quality.

[thedustinsmith]

@JoeDuncko Interesting. Could that just be coincidence that your image is twice the size of your viewport?