Return to previous page

Responsive Images for mobile – loading wrong size

This topic has 2 replies, 2 voices, and was last updated 2 days, 21 hours ago ago by Jack Richardson

Fabio

Participant

December 30, 2024 at 13:04

Dear Support,

I have a problem with the responsive version of my website, in particular the images size loaded for the mobile version. It appears that the theme does not properly pick the correct size of the image in accord with the device type and screen size. The full size image instead is loaded also for mobile devices.

As you can see here below the mobile version of this product page has an image size (src 370x370px). However, the actual loaded image size is 768x768px. This happens despite the fact that smaller image size are properly generated by wordpress.

Image showing image size src and loaded:
https://snipboard.io/xWstRf.jpg

Image showing availability of smaller image size:
https://snipboard.io/SF7z3O.jpg

Image showing size actually loaded:
https://snipboard.io/Q4rCpD.jpg

Could you please help me to solve the problem, therefore loading the correct image size in accord with the device screen dimension?

Best regards,

F.

Content is visible for topic creator and
support staff only.

#429086 Copied

1 Answer

Jack Richardson

Support staff

December 30, 2024 at 17:10

Dear @Fabio,

We hope this message finds you well.

We kindly suggest reviewing the following article, which provides valuable insights into the loading sizes of images from devices: https://livefiredev.com/srcset-not-working-getting-wrong-images/.

The question you raised appears to be more closely related to device behavior, browser functionality, and the use of srcset for images on your website, rather than directly pertaining to our theme. We believe the article will help address your concerns effectively.

Should you have any further questions or require assistance, please don’t hesitate to reach out.

Best regards,
Jack Richardson
The 8Theme Team

#429115 Copied
Viewing 2 results - 1 through 2 (of 2 total)