When viewing on my product page on my desktop images are blurry

As the title reads I want help making the images on my product’s page sharper. I’m using the Dawn them and when I use the customise option and change the size it’s clear but it throws off the orientation.

www.blerriot.com/products/embroidered-sweatshorts-in-black

1 Like

Hi @rene94 ,

I hope it’s an image clarity issue. Could you please try using a higher-resolution image?

I have tried to reduce the website content width and could see the images are okay here. Could you please try the below code on the theme.css file and let us know?

.grid__item.product__media-wrapper {
  margin: 0 auto;
  max-width: 70% !important;
}

Result:-

I hope this helps! If it does, please like it and mark it as a solution!

If you need further assistance, feel free to reach out!

Regards,

Sweans

Hi, didn’t work it kept the pictures the same resolution. The only change is that it made the pictures not fill the page which is what I want it to do, like this https://www.phoebephilo.com/en_gb/liquid-high-neck-top-stucco-silk-satin

Hi @rene94 ,

We have compared both website images.

  1. Sample Image1: https://www.blerriot.com/cdn/shop/files/DSC_2024-05-31T20_35_41.747Z.png

Resolution: 2126px * 3210px

  1. Sample Image2: https://www.phoebephilo.com/media/catalog/product/A/P/AP63_CO2455_103CR__001_be53.jpg

Resolution: 6000px * 6000px

Could you please upload the “Sample Image2” or any other images with 6000px * 6000px resolution to your website for testing purpose. If it is working properly without blurring, then it will be the image resolution issue. Otherwise, there will be a settings or script issue.

I hope this helps! If it does, please like it and mark it as a solution!

If you need further assistance, feel free to reach out!

Regards,
Sweans

Hey I made the images 6000x and kept them below 25mb, but now it won’t let me upload them as apparently they’re above 25mb