Low Quality and blurry images on my slides

[Sohayl67]

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 🙂

[Sweans]

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:

<img src="{{ product.featured_image | img_url: 'master' }}" alt="{{ product.title }}">

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

[Sohayl67]

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

[Sohayl67]

Where do i need to paste this code ????

[PageFly-Richard]

Hi @Sohayl67 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> 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 </head>

<script>

document.querySelectorAll("#MainContent img").forEach(img => {
    img.removeAttribute("srcset");
});

</script>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly