Return to previous page

Blurry Image's thumbnails - by Yuri Werneck

This topic has 11 replies, 2 voices, and was last updated 7 years, 5 months ago ago by Olga Barlow

Yuri Werneck

Participant

July 6, 2017 at 14:41

Hi there 8 Theme! It is a pretty nice theme, no doubts. I have only one difficulty regarding the images. I’m customyzing the theme and I’ve uploaded several product images in two different moments (with the same size and resolution). At the midia library, all the images are correct.

However, the last batches are becoming blurry at Home and Product’s page. When I click over the quick view, the image apears accordingly. When I turn back to the first page, it shows a blurry image. After this, If I refresh the page (CTRL F5) the image shows up accordingly with no blurs.

Any help is welcome!

Please, contact administrator
for this information.

#167239 Copied Theme version: 3.9 WooCommerce version: 2.6.14

10 Answers
Olga Barlow

Support staff

July 6, 2017 at 16:07
Hello, @Yuri Werneck,

1) Go to WooCommerce > Settings > Products > Display > Image Size and set correct image size for the catalog images. This post will help you to find out what size is ok for you https://docs.woocommerce.com/document/fixing-blurry-product-images/

2) After that install and activate Regenerate Thumbnails plugin and regenerate all the thumbnails (Tools > Regenerate thumbnails > All)

3) Add the following code in Theme Options > Styling > Custom CSS
```
@media only screen and (min-width: 1200px){
.content-product .product-content-image img {
    min-width: 1px;
    width: auto;
}}
```
Regards
#167251 Copied
Yuri Werneck

Participant

July 7, 2017 at 16:22

Hi Olga,
I thank you for your help, but it did not work. I proceeded with all that you’ve instructed with no success. Could you double check to identify where is my mistake?

Please, contact administrator
for this information.

#167340 Copied Theme version: 3.9 WooCommerce version: 2.6.14

Olga Barlow

Support staff

July 7, 2017 at 17:37

Hello,

Check now, please.

Regards

#167346 Copied

Yuri Werneck

Participant

July 7, 2017 at 17:44

Not working yet…still blurry
See at Home and Products page :0(

#167348 Copied

Olga Barlow

Support staff

July 7, 2017 at 18:22

Hello,
Sorry, but this is how WP generates thumbnails for your images http://chacaraber.dominiotemporario.com/wp-content/uploads/2017/03/acelga-chacarabertolin-2-264×345.jpg
Our theme does not affect it.

Before there was styles to make image 100% width that’s why it was very blurred but I removed this style, see before http://prntscr.com/fsvukp and now http://prntscr.com/fsvtgj , http://prntscr.com/fsvuc5

Regards

#167354 Copied

Yuri Werneck

Participant

July 7, 2017 at 19:45

I thank you again.

Perhaps the problem is the WP.

What happens is that couple days ago, I inserted very good images, with 655×856 x 72 DPIs. And they where fantastic at all the thumbnails.

After this, some days later, I inserted the current images whit the same 655×856 x 72 DPIs, and they are like already mentioned (blurry)

If there is no solution, I going to reinstal the WP.

I would like to send you an attachment to help understand what I’m seeing here. How can I send it to you? The page is: http://chacaraber.dominiotemporario.com/produtos/, if you can access.

Regards

#167360 Copied

Yuri Werneck

Participant

July 7, 2017 at 21:46

Please, take a look: http://chacaraber.dominiotemporario.com/wp-content/uploads/2017/07/Before-and-After-the-quick-view-and-ctrl-f5.jpg

#167365 Copied

Olga Barlow

Support staff

July 10, 2017 at 16:02

Hello,

I’m not sure that WordPress re-installation will solve the problem.
We can help you only in case problem persists with our theme only, but if the image is blurred by default even if you check the following link http://chacaraber.dominiotemporario.com/wp-content/uploads/2017/03/acelga-chacarabertolin-2-264×345.jpg and the same situation is even with default WooCommerce theme we can do nothing.

Regards

#167508 Copied

Yuri Werneck

Participant

July 11, 2017 at 14:20

I Understand Olga!
Thank you again for your help.

Regards

#167612 Copied

Olga Barlow

Support staff

July 11, 2017 at 17:42

Not at all. Feel free to contact us if you need any help with our theme settings and options.

Regards

#167640 Copied
Tagged: blurry images, optimized quality, thumbnails, woocommerce, wordpress
Viewing 11 results - 1 through 11 (of 11 total)