Image Appears Pixelated

Image Appears Pixelated

alyxklem
Excursionist
22 0 7

Hi,

 

I'm having an issue with only one of my images looking pixelated on the product page. All of my images appear in good quality, high resolution, except for this image. Below I have attached a screen shot for comparison. The image compares what the image looks like on my website versus on the photos app (windows). If you look closely, the image on the left (website) is pixelated and has all these arcing lines across the photo whereas the image on the right is sharp and smooth.

 

alyxklem_0-1734061194191.png

 

I have spent DAYS looking through community forums, websites and Youtube - trying different resolutions, sizes, file formats, etc. but haven't found a solution. I believe the image may be being compressed, which could be causing the issue as I noticed a similar issue occurred when compressing the image on a image compression website to see if that would help (it did not).

 

Anyway, I'm all ears if anyone has any suggestions!

 

Thank you. 

 

Alyx

thepassprints.com

password: Ruxton

Replies 3 (3)

DitalTek
Shopify Partner
842 100 119

Hi,

 I believe the image may be being compressed, which could be causing the issue as I noticed a similar issue occurred when compressing the image on a image compression website to see if that would help (it did not).

Yes, you are correct all image on site was compressed to improve speed site, so to solved you can go to code file and set width image to high resolution.

With Dawn theme you can go to snippets/product-thumbnail.liquid  file to check and custom.

- You can please Like and Accepted Solution if my suggestion helpful.
- And you want to hire developer Theme or App Shopify => Feel free to send me a DM or contact to us via Email | WhatApp
alyxklem
Excursionist
22 0 7

Hi DitalTek,

 

Thanks for your help.

 

I located the product-thumbnail.liquid file and took a look through, but am unsure exactly how to set the image width to higher resolution. Can you provide more details? My image is 5554x3703px and 240dpi.

 

Thanks again!

 

Alyx

DitalTek
Shopify Partner
842 100 119

Hi

You can find to lines has code as like :

widths: '246, 493, 600, 713, 823, 990, 1100, 1206, 1346, 1426, 1646, 1946'

and then you can try change it to

widths: '990, 1100, 1206, 1346, 1426, 1646, 1946'

 

- You can please Like and Accepted Solution if my suggestion helpful.
- And you want to hire developer Theme or App Shopify => Feel free to send me a DM or contact to us via Email | WhatApp