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
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!
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!
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
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!
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?
Hello @Beldar!
Did you regenerate the thumbs? https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
Thank you!
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