Main issue: Uploaded images look pixelated/blurry on the homepage and landing page, but are clear on product pages. OP wondered about compression settings.
What was shared: Store URL and password were provided for inspection.
Findings and suggestion: A reviewer noted the image tag includes a sizes attribute (HTML responsive images) that can cause the browser to load a lower-resolution source, producing blur. Removing this attribute made images render sharply in their test. They suggested adjusting image sizing per screen if needed.
Implementation guidance: OP asked where to edit in Shopify. After locating the theme file, they were advised to remove the sizes attribute from the image tag. Screenshots were provided to indicate the exact code location.
Outcome/status: No confirmation yet from the OP that the change fixed the issue. Discussion appears open. Attachments (code screenshots) are central to the suggested fix.
Hi,
When I try to upload my images to my store they get pixelated and blurry, both on index and at the landingpage. When I click on the product the picture is good but I wonder if there is some settings in the background regarding image compression… Anyone know how to fix this?
Thanks,
Could you share your store URL?
Hi @vanligarevibbar ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.
You can adjust the size attribute of the image tag to suit each screen. When removing this attribute, it works well in my browser.
Thanks for yor answer. I find this code when I use the “inspect” function in Chrome, but where do I find the HTML-file on Shopify so I can make the change and then save it?
