What's your biggest current challenge? Have your say in Community Polls along the right column.

Low Quality and blurry images on my slides

Low Quality and blurry images on my slides

Sohayl67
Explorer
89 0 21

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 🙂

Replies 4 (4)

Sweans
Shopify Partner
428 88 126

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

- Was my reply helpful? Please Like and Accept the Solution or let me know by Buying me coffee!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me at info@sweans.com regarding any help.
- To know more about me check out www.sweans.com

Sohayl67
Explorer
89 0 21

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

Sohayl67
Explorer
89 0 21

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

PageFly-Richard
Shopify Partner
4801 1085 1753

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 

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.