How to resize images in product descriptions without losing clarity?

[Sabih]

I am uploading a picture of "Care guide labels" in my product description with the dimensions "450x100" nad after uploading, it gives the options to appear the picture on front with specified sizes i.e. Thumbnail, icon, original etc.

Whatever i select the option it is showing original size (blurry) and when selecting "original size" it shows clear image.

How do i select other options to show the picture smaller.

p.s. i have tried the image with smaller (required) dimensions but it is also showing the same size as other.

[Liquid_xPert_SJ]

Hi@Sabih Welcome to the Shopify Community,

Can you please share a screenshot the issue you are reffering or url? So that i can look into it.

Thanks

[Sabih]

[Liquid_xPert_SJ · Accepted solution]

Hi @Sabih 

you can use simple hight width attribute into your image tag which is using in the product descriptoin and the second solution is you just need to put that svg instead of png or jpg because svg cannot pixelate at any screent. OR you can use simple an ID attribute with the image tag use a css code width:100%; in css code 

hope this can help you.

Thanks