image is blurry when i add images using image url to description area

Highlighted
New Member
1 0 0

When i add images to product description area using insert image option that image quality is good.But if i add the same image using html (<img  src="">) its blurry. How can I add clear images  to the product description area using html.                 (Sorry for my English)

 

0 Likes
Highlighted

Hello,

Please send the URL to your website so we can debug it.

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Shopify Staff
Shopify Staff
911 60 156

Hey, there

This is Dallas from the Social Care Team here at Shopify.

I would love to see what I can do to help you out. In order to best understand what might be happening would you be able to share:

  • A link to a page where this is happening so I can see what it looks like on my side
  • A screenshot of when the image is clear and when it is not

If you could also try the initial step of clearing your cache in your browser just to make sure that that isn't the reason that this is happening. In order to clear your cache, this link will help to walk you through all of the steps for each browser.

If the cache doesn't help with the issue please share the things I listed above and I would be happy to help you out further!

Dallas | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Highlighted
New Member
1 0 0

Here is my link https://www.cupitrealtumblersncrafts.com/products/25oz-barrel-custom-tumbler

it's under the personalize instructions tab

Screenshot (2).png

Screenshot (3).png

0 Likes
Highlighted
Excursionist
25 6 5

It appears that the img src is referencing the 50x50 variant of the images.

Try changing them to the following:

https://cdn.shopify.com/s/files/1/0423/0397/9683/files/solid_vinyl.jpg?v=1600971671 

https://cdn.shopify.com/s/files/1/0423/0397/9683/files/shimmer_vinyl.jpg?v=1600971671 

https://cdn.shopify.com/s/files/1/0423/0397/9683/files/Holo_Vinyl.png?v=1600971672
 

1 Like