I am currently working on a custom theme that is using the owl-carousel on the product detail page.

When the image will zoom or open in a quick view its looks perfectly fine but not in detail page.

I try to change resize value and also try to change compression value which is affected by image quality but nothing works.

already tried:

How can I change the default product images sizes on Magento 2? https://docs.magento.com/m2/ce/user_guide/catalog/product-image-resizing.html https://www.eharvest.com.au/how-to-resolve-magento-2-blurry-product-images/

here is a screenshot I am sharing for more details.

blurry image:

enter image description here

after using magnifier:

enter image description here

Another way is I removed the width of the image, after that its quality gets to restore, but it is not set in page.

enter image description here

as you can see if I remove width:675px from class="owl-item active", quality get improved.

PS: I removed the media cache every time after making any changes.

Your Answer

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

Browse other questions tagged or ask your own question.