Blurry Secondary Product Images

@brightrain

Hey there,

I took a look at your link, and it appears that the image itself is not saved at a high enough resolution. Here’s a direct link to one of the thumbnails being loaded:

https://cdn.shopify.com/s/files/1/0014/8733/9631/products/r2d_tea_product_79a3e3a0-0763-4ce6-946c-74e2500ee850_250x.jpg?v=1561665575

Because the image is only 250×250, when it fills the space by the plugin it stretches the image which is causing the blurriness.

Can you verify that all your product images are at leas 500×500 pixels?

Hi @andrewmrobbins

Thanks for the reply!

All of my uploaded images are 1024×1024. For some reason, Shopify is compressing them like crazy. I even tried using a URL to add the images.

I just swapped out the main image with one of the secondary ones so you can see that the image is just fine.

Hi @andrewmrobbins

You can mark this as resolved.

I had the custom image settings set at 250px. I wanted to keep all of my thumbnails the same size by setting them this way (which it did), but it also didn’t switch to the larger image when the secondary image was clicked.

Switched it back to “auto” and it’s fine.

@brightrain

Ah! That makes sense. Thanks for circling back. Let me know if you run into anything else.

Just a heads up, this will be fixed in the upcoming version 2.0.