PNG quality is effecting

[ali-abbas-10p]

This the original image, after resizing it to 640x410 I am getting below image.

I can see my image getting pixelated.
Can you please help?

Below is the code that I have written.

var wh = imageHelper.getWidthAndHeight(aspectRatio,_widthDp,_heightDp,screenType);
orignalImage.quality(100).resize(wh.width,wh.height,imageResizedCallback);

[aadunn]

Have you tried resizing with a different resizing algorithm? The default used is bilinear and the following are supported:

Jimp.RESIZE_NEAREST_NEIGHBOR;
Jimp.RESIZE_BILINEAR;
Jimp.RESIZE_BICUBIC;
Jimp.RESIZE_HERMITE;
Jimp.RESIZE_BEZIER;

Same issue here, after resize my jpg image is blurred and pixelated with some other options... What's the issue?

[ali-abbas-10p]

Actually, it was not the issue with the library. I was stretching image larger than its resolutions in the preview of that image.
I replaced <img style="width=100%/> with <img style="width=auto/>.
It solved my issue.

@ali-abbas-10p The generated image from a good quality image is blurred and pixelated doesn't matter the option I use, always is generated in that way.. In my case I'm just opening the generated image with a viewer not html yet.

[hipstersmoothie]

If you resize an image too much smaller it will be blurry/pixelated no matter what. A smaller bitmap can only represent so many pixels, so you are bound to loose on image quality a little.

Using the example image above I got the best result using RESIZE_BILINEAR.