7

This is the original image (610x405)

Original Image

This is the image after applying image style (scale and crop) to 290x190.

After image styling

Both image have the same aspect ration, yet there is visible quality loss on downsizing. Am I applying the right image style? What should I be doing?

3 Answers 3

16

Under admin/config/media/image-toolkit there is an option to set the JPEG quality. By default this is 75%, so you should be able to up that to whatever you want.

Image toolkit settings

8
  • I did that...Yet don't see much improvement. Is scale & crop right, or should I be doing resize etc? Commented Nov 11, 2013 at 10:31
  • Did you flush the image styles caches before testing? changing this settings won't do that for you.
    – Chapabu
    Commented Nov 11, 2013 at 10:33
  • Okay, I flushed all cache via admin/config/development/performance (No drush), and I think it's better. (Looking at the same image makes you go crazy). But can you tell me is resize or scale&crop better? Commented Nov 11, 2013 at 10:52
  • @PratikBothra - I can't really answer that on a general level as it's totally up to your use case. I tend to use Scale and Crop more often than resize, though,
    – Chapabu
    Commented Nov 11, 2013 at 10:54
  • 1
    I see the same thing, even with quality set to 100% there and with "resize" and "scale and crop" alike. Definitely a problem.
    – cdonner
    Commented Jan 10, 2017 at 23:41
2

You should use the following module : Image style Quality

Set JPG quality per image style This module allows you to specify a custom quality on different image styles you create. After installing and enabling this module, you will have the option to add a new effect to your image styles, enabling you to change the quality.

Uses and Application Having high quality images is great and improves the visual quality of your site. Problems can arise where you have dynamic content such as a page background images that users can upload. Having high image quality can lead to 2mb+ download sizes when using full 1920x1024 image styles. With this module, you can scale the quality of your large images down and leave your smaller thumbnails at your defined default.

0

I had image quality issues with a png being resized, and the problem got solved by uploading the size constrains to the container of the image instead of the image itself.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.