Why are my full width images automatically resizing on my website?

Shopify Discussion
1

Hello, i am having issue with my image quality. It seems Shopify is automatically resizing my full width images.

I am using this image as my srcset, https://cdn.shopify.com/s/files/1/0589/7673/1307/files/Products_ProMultiport-Banner4.jpg?v=1656366753

but once my website loads, the image became very blurry and when i inspect the image suddenly it is being resized and shows that i have been using this as srcset

//cdn.shopify.com/s/files/1/0589/7673/1307/files/Products_ProMultiport-Banner4_1920x.jpg?v=1656366753

It seems the full width images are being restricted to 1920x even if how big i upload my original source image.

Is there any way to unlock the _1920px width on my full width images and use the original resolution for these selected images?

2

Hi @DarwinP Shopify themes use ā€œimg_urlā€ filter to control the size of images. maybe in your code you need to change ā€œimg_urlā€ to ā€œmasterā€ similar to below code.

{{ image | img_url: ā€˜masterā€™}}

Hope you know about liquid code

3

Aha thank you very much for the help! I donā€™t know much about liquid code but i manage to find where it was. There was hardly any info about this or maybe i was just using the wrong terms.

Anyways thank you again!

1 Like