Bad quality images

Solved
Glenson
Tourist
15 0 0

Hello all,

Today I upgraded my theme to a 2,0 theme and I noticed that almost all my pictures are blurry. I searched and read a lot about this problem, but no fix unfortunaly.

What I tried was big format pictures in png and jpeg. Also tried compressed very small. I tried I think all settings in the theme, but no luck there also.

What I noticed, and I think was a bit strange. When I uploaded a very big size jpeg it was blurry but the zoom was crystal clear.

Also in my previous theme there was no problem with the pictures. 

Hope someone can help me out because it is not helping my customers at the moment. 

https://musicproducervocals.com/collections/vocal-packs/products/pop-vocals-1-full-package 

Thank you for your help!
Glenn

Accepted Solution (1)

Accepted Solutions
Ninthony
Shopify Partner
2247 340 908

This is an accepted solution.

Holy shit I figured it out. I don't know if whatever I did is the most effective way of changing that, but I was able to get it done. Apparently your theme is using Vue.js, of which I know absolutely nothing about. But I was able to just use some reasoning based on what I was looking at and looking at some of their docs to at least pull the biggest image in your file. It may not be the correct way, but it's the best I can do not knowing what's going on exactly. Go ahead and preview the Ninthony Editing theme and make sure everything looks ok to you and then publish whenever you feel like it.

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D

View solution in original post

Replies 23 (23)
extfox
Shopify Partner
4 0 1

Glenn, all you have to do is to replace the image on the product. I can see that your product it's using 300px image.

Can you share a snippet of what did you have at `sninppets/product-thumbnail.liquid`?

Ninthony
Shopify Partner
2247 340 908

It's not using a 300px image, it's using an image that is coded to only display a 300px image. Replacing the image wouldn't do anything, his image is plenty big enough:

https://cdn.shopify.com/s/files/1/0564/7174/8799/products/Pop-Vocals-1-Box-vierkantoptimezed.jpg?v=1...

You'll have to change the code that's displaying it. What theme are you using?

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
Glenson
Tourist
15 0 0

Am I right that your line must be somewhere in the circled part? Or am I looking in the wrong direction?

 



Screenshot 2021-09-24 at 20.50.45.jpg

Glenson
Tourist
15 0 0

Indeed, my images are big enough!

I am using the theme Flow 

Ninthony
Shopify Partner
2247 340 908

It's likely in a section file called "product-template.liquid"

You'll be looking for something that has "300x" in it, it'll probably look something like this:

 

{{ product.featured_image | img_url: '300x' }}

 

 

It also could be being rendered in a snippet though, I don't have any way to tell. Anyway if you can find that you can change 300x to "master":

 

{{ product.featured_image | img_url: 'master' }}

 

 

That'll give you the actual size of your image. If you can't find it just let me know and I can request access to your themes and try to get it sorted out for you.

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
Glenson
Tourist
15 0 0

Thank you for your help so far!

I can find this in the picture: 
I searched for the last 15-20min for something similar but no luck. 
Then I must say it is not only the product picture. As you can see, all other pictures have the same, well if they are bigger.

Screenshot 2021-09-24 at 21.32.39.png

 But this is not what you were looking for of course.

Any other suggestions?

Ninthony
Shopify Partner
2247 340 908

Nothing other than letting me access your themes and take a look for you. Would you mind if I requested access? I'll just duplicate your theme and work on the duplicate.

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
Glenson
Tourist
15 0 0

Sure, what can I do to make this work? 

Ninthony
Shopify Partner
2247 340 908

I sent a request to access your themes, you should get an email to approve or deny me.

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D