How can i keep the quality original image after cropping ?

I have a original image with resolution 96(pixels/inch). After cropping the new picture just have 72 (pixels/inch). Will I be able to use Croppies to crop photos without losing quality? —INFO: Original Image:

• width x height: 1000x565
• resolution: 96 Pixels/inch New Image:
• width x heigth: 330 x205 = viewport
• resolution: 72 Pixels/inch $uploadCrop.croppie('result', { type: 'canvas', size: 'viewport', quality:1 }).then(function (resp) { if(resp != 'data:,') $('#imgReview').attr("src",resp); });

[thedustinsmith]

@lminhphuongtma This may be because of how big the size difference is, I’ve heard of other people experiencing this. We might be able to overcome it by incrementally scaling down our canvas. Currently we just go from image dimensions to output dimensions. This SO post could be a starting point: https://stackoverflow.com/questions/28498014/canvas-drawimage-poor-quality

@ilmetu , your post is a little too vague. If that’s really how you’re using the result method, you’re using it wrong. Result takes in an object, not multiple arguments.

vanilla.result({type: 'canvas', size: 'original', format: 'jpeg', quality: 1, circle: false });

[vini2001]

You can change your size from size: 'viewport' to size: 'original' ’ to keep the original image’s quality

Doesn’t that ignore cropping, just keeps an original image?

No, this is about the size, not the proportion or the cropping.