Properly Resize Images on Mobile theme – tried all, does not work.

Posted in: Newspaper
Post count: 29

Hello,

I read most of the posts about the Properly Resize Images on Mobile theme issue and still get the error on the google Page Speed Insights page.

Steps to reproduce:

1. I have disabled and then enabled *all* the sizes for thumbnails (and retinas) from the block settings: https://app.screencast.com/uGvyElTKwkycF

2. I cleared the caches.

3. I then regenerated all the thumbnails using the “regenerate thumbnails” plugin, BUT, apparently 265 X 198 and 741 X 486 sizes are not registered, thus not regenerated: https://app.screencast.com/atOIPpPQCsq3J

4. Anyway, I still clear the server caches just in case.

4. Since the 265 X 198 and 741 X 486 are not regenerated, Google Page Speed site give me the properly resize images error: https://app.screencast.com/jXLivMVXY0SRT

Can you please help me fix this error?

Thanks,
Ozgur

Post count: 21065

Hello @Ozgur!

I suggest you to upload the images in your Media Library in full size, and also when you set an image everywhere: https://www.screencast.com/t/Oxue274e

Thank you!

Post count: 29

Hi Bettina,

Thank you for the reply. I’ll try doing that and will update.

Btw, do you have a recommended full image size to upload? (so that it will be big enough and it will be a versatile size for auto cropping/resizing).

In your screenshot I see that the full size image is 1068×712. Will that be the ideal size for uploading an image or e.g. 1920×1080 would be better.

Thanks in advance!

Post count: 29

Hi Bettina,

Thank you for the info. I’ve uploaded new images from the media menu and now the theme registers & resizes for those missing two sizes. Cool!

One problem that still persists however though (for the mobile theme), is that when I check the mobile site on Page Speed Insights, the image size alt-tags are properly written as 265×198, but the image src is the 485×360 version. So I get the “properly size images” error again. Please see the screenshot: https://app.screencast.com/Q1uB6zWYvY2me

Is there a way to prevent this?

Thanks in advance!
Oz

Post count: 21065

Hello @ozgur!

I’m glad! Those thumbs are for the Mobile Theme: https://prnt.sc/qcsuQDXdTQEi
You can disable them and set the images again in full size(Media Library).

Thank you!

Post count: 73

Hello, I have the same problem:

The mobile version (with the Mobile Plugin) is detected by Google Pagespeed as showing images at a much larger size than they should be. screenshot

I have thumbnails enabled at 265×198 and 741×486, in the WordPress Media settings I have the large size set to 741 max, but they are still displayed at a larger size than they should be.

Any solution?

Post count: 21065
Post count: 73

Yes, I did, the problem is that it does it with the new images I just uploaded….
Look: https://prnt.sc/8J4reQu_85NL

https://www.lacasadeel.net/wp-content/uploads/2023/11/Conan-9-1-1482×972.webp

Post count: 21065

Hello @beldar!

The link leads me to a 404 page.

Thank you!

Post count: 73

Yes, I deleted that image size, but you can see in the screenshot that the module is the one that was taken.

Viewing 10 posts - 1 through 10 (of 10 total)
The forum ‘Newspaper’ is closed to new topics and replies.