6

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?

14

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

  • I did that...Yet don't see much improvement. Is scale & crop right, or should I be doing resize etc? – Pratik Bothra Nov 11 '13 at 10:31
  • Did you flush the image styles caches before testing? changing this settings won't do that for you. – Chapabu Nov 11 '13 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? – Pratik Bothra Nov 11 '13 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 Nov 11 '13 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 Jan 10 '17 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.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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