Why do my photos become blurry once I upload them?

Topic summary

Product photos appear blurry/pixelated after upload to a Shopify store, despite being shot with a 20MP camera and resized to 1024px and 2048px; changing themes did not help.

Recent updates:

  • Store link shared (zedprints.com) with a specific example: “Chrysler Building Lamp” showing background pixelation.
  • Requests made to share an original, uncompressed photo and confirm actual image dimensions (e.g., 1024x1024).

Likely causes suggested:

  • Shopify’s automatic image compression (reduces file size to speed page loading), which can reduce visual clarity.
  • Theme/section code may define fixed image sizes, downscaling images for performance.

Proposed actions:

  • Edit the section’s code to display images at their intended size to avoid excessive downscaling.
  • Share the relevant section code or provide access so someone can inspect and adjust settings.

Status:

  • The original photo and section code have not yet been provided.
  • OP asked how to locate the section code.
  • No resolution yet; discussion is open and pending code review/access.
Summarized with AI on February 13. AI used: gpt-5.

Hello, really hoping someone can help me with this. I recently purchased an expensive, 20 megapixel camera to take high quality product photos. However, when I upload them to my store product photos, they become noticeably pixilated and blurry. Its not a problem with the theme, as I have tried it with others. I have also tried reducing the size of the images to 1024px and 2048px, but the issue persists. I just want to have crisp product photos.

Thank you!

Your store link?

Look at the “Chrysler Building Lamp”, it has the updated photos. You can see the pixilation in the background.

@sellerguy can you share the original pic here so I can see the difference

Are you sure about this you have 1024x1024 high-resolution photos

To keep load times fast, Shopify automatically compresses images when they’re displayed on your online store. Compressing an image means reducing the file size to allow for faster page loading.

Hi @sellerguy

Theme code is define specific size for this section. This size automatically reduce the size for better page load speed. If you want to display actual size then you need to edit code for this section. Can you show me code of this section?

Or please provide the login details. I will help you to solve this issue.

Please like this post.

Thank you

Thanks for your response. How do I find the code for that section?

Can you share section code that are used in this section?

and please like the comment.

Thank you