Low Quality and blurry images on my slides

Store Design
, , , ,

Topic summary

Issue: Mobile slide images appear low-quality/blurry, while desktop images look fine.

Context: Shopify optimizes (compresses) images by default. Improving quality typically requires adjusting image output in Liquid (Shopify’s templating language) to request higher-resolution variants via the img_url filter.

Proposed fixes:

  • Suggestion 1: Modify image tags to pull the highest-resolution product image using img_url. A Shopify docs link was referenced for details.
  • Suggestion 2: Paste code into theme.liquid above (steps provided: Online Store > Themes > Edit code > theme.liquid) to “solve” the issue.

Gaps/Notes:

  • The actual code snippets shown in the thread are empty, so the precise implementation is unclear.
  • Guidance appears split: editing image tags (likely correct for img_url) vs. adding code in the head; without the specific code, effectiveness can’t be verified.

Outcome/Status:

  • The original poster asked where to paste the code; instructions were given, but no confirmation that the fix worked.
  • Key unanswered need: the exact Liquid code snippet and correct placement (likely in the sections/snippets rendering the slider images).
  • Discussion remains open; no confirmed resolution.
Summarized with AI on December 14. AI used: gpt-5.
1

Hello i have an issue with my slides and and image on my mobile version , indeed on my slide my pictures are low quality but on desktop they are perfect , i don’t know why . I need help please :slightly_smiling_face:

2

Hi @Sohayl67 ,

By default, Shopify compresses images to optimize website performance. To improve the image quality on your site, you can adjust the image size by adding a simple code change to your image tags.

To display the highest quality image, use the following code:

This will retrieve the highest resolution version of the product image for display on your site.

For more information, please refer to the Shopify documentation here:

Shopify Liquid Filters - img_url

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

3

ok thanks for the help where do i paste this code ???,

4

Where do i need to paste this code ???

5

Hi @Sohayl67

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly