I am trying to upload a banner of icons to my product description but when I upload an image it becomes incredibly blurry as seen below. The images I upload aren't blurry however.
thanks in advance
Solved! Go to the solution
This is an accepted solution.
When inserting an image in the product description, check at the bottom of the Insert Image popup, there is a dropdown to select the image size your want to insert:
I believe you have selected the Large image size, which is 480px width. You can select the 600px or 1024px sizes to get more resolution:
This said, if this image with your Value Proposition (12-month guarantee, 5% to charity, free uk delivery) is something you want to show in all your product pages, I think adding this to your product descriptions 1 by 1 is not the best solution.
A better solution if you want this in all products would be to upload this image to your theme assets folder (ideally as an svg vector image) and then adding this on the product-template.liquid section via code.
I can guide you throw this second solution if you want.
Hi @Fabian_weldon so you are on the right path but the icons in your svg image are not in vector formar but in bitmap (pixels).
Maybe because of this they are not rendered:
Also, I would create 3 images instead of 1 so that you can so then on 1 column in mobile and they do not look so small.
Let me know if you want a improved solution to what you know have and I will deliver it.
Hi, I see they are on vectors now but I see they are not super smooth. Could you send me the original icons and I will vectorize them for you?
After that I will provide the code to put them in one row.