Return to previous page

Low Photo Quality / Resolution of Product Photos

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

karobe

Participant

March 10, 2021 at 14:11

Hello,

i haven’t noticed this issue before, but it seems, photos of products (suddenly?) load in low resolution sometimes-

E.g. on product category pages, customers can click trough the photo slider for each product. Doing so, the photos are loaded in low quality, and when circling back to the first image shown, it also only loads in low resolution.

Same with related products on the product page – these seem to always load with low resolution?

I have also had the images on the product page load in low resolution before, but couldn’t reproduce that to show you in a screenshot.

As you can see in the example screenshots, the original image has a very high resolution, but for some reason it is lowered sometimes?

I have activated Lazy Loading.

Please help me fix this, this leaves a very bad impression of the website…

Thank you!

Please, contact administrator
for this information.

#278633 Copied Theme version: 7.2.5 WooCommerce version: 5.0

3 Answers
Olga Barlow

Participant

March 10, 2021 at 17:51
Hello,

Try to add the below custom to Theme Options > Custom CSS and check images after that

.content-product .product-content-image img { width: auto; }

Regards
#278697 Copied
karobe

Participant

March 10, 2021 at 18:50

Hello,

1) I tried this fix but images still show up slightly blurry in the above mentioned places…

There are also two new issues that have occured:

2)

I installed WC Total Cache as recommended in the documentation, and followed the setup assistant. However, on speed tests (I used Pingdom), while “Add Expires headers” now scores at least 89, “Make fewer HTTP requests” is still at zero – how can I fix this?

I already enabled in the Theme Options: Lazy Loading, Optimised CSS, Menu and Static Block Cache.

3)

For some reason, the static blocks in my menu suddenly are formatted wrongly. If I go to Elementor, nothing is shown, I can’t click anything?
I tried deleting the cache, deleting any browser cookies and opening the page again, problem persists.

EDIT: In case you look at the website: I had to temporarily switch back to a normal menu without dropdown, because there was a wrong link in the static block menu that I could not fix due to the issue with Elementor.

Thank you.

Please contact administrator
for this information.

#278707 Copied

Olga Barlow

Participant

March 11, 2021 at 12:38

Hello,

1) Sorry but this is how images generated for the shop looks https://prnt.sc/10isdgb
We can do nothing with this. WordPress generates images.
2) Read this post https://kinsta.com/blog/make-fewer-http-requests/
You have a number of missing styles from Elementor page builder and it slows down the page speed. Also time of blocking is huge https://gyazo.com/981cbffcab2b55064d742372788a21c8 I would recommend you to contact your hosting provider to get some help with the site speed because many things are related to server settings not to theme.

3) Blocks look ok https://gyazo.com/c77e7882ae52d8f7b33b94c1c473c7a9 What exactly is wrong? Could you provide screenshot and explain it in more detail?

Regards

#278801 Copied
Viewing 4 results - 1 through 4 (of 4 total)