Hm, I’m not entirely sure why GTMetrix is reporting that, I think it’s just misunderstanding context.
We are definitely serving images scaled smaller than the original, but they are roughly 2x the size of the area displayed when served to devices with HiDPI displays, which is almost all mobile devices and most computers these days.
So, we are serving the proper scaled image sizes here.
Thank you for the helpful explanation. It could be a GTMetrix issue.
On a related note, the images served to posts on a mobile phone show a smaller featured image – leaving black bands on either side. For instance, this post.
Here’s an Imgur screenshot
https://m.imgur.com/gallery/BskCHeq
Am I missing something wrt Photon?
Kind regards
Hi there,
On a related note, the images served to posts on a mobile phone show a smaller featured image – leaving black bands on either side.
I don’t see any black bars on the featured image when viewing that post on my phone. Also, the link to your screenshot is not working.
Apologies for the faux-pas. Here’s a tested imgur link for your reference.
I am happy to note that it works okay when you try it, but I am confused too as to why the problem might happen on few of the mobile devices I have tested it on. I have cleared server cache, Cloudflare cache, browser cache, etc.
Any advice to troubleshoot this is welcome.
Kind regards
That appears to be how your theme is fitting images.
Do you still see the black bars around the scaled images if you switch off just “Speed up image load times” at Jetpack > Settings in your site’s Dashboard?
Thank you for the direction to troubleshoot this.
I switched off Photon and the featured images are now shown properly in full size (without black bands on either side) and shown as per theme specifications.
Here’s a link to test (with Photon switched off): https://www.backpackingseries.com/cradle-of-happiness-the-ziro-festival-of-music/
Could you please suggest a solution?
Edit 1: Oh, but now the desktop version shows black space on either side! Not sure what’s wrong. Appreciate your advice.
Edit 2: Since this is a live site, I need to switch Photon back – as it has a site-wide impact on the photos inside posts, etc. However, as mentioned above, the test result is conclusive.
Kind regards,
Hm, I was afraid of that. Sometimes how Photon resizes images conflicts with how themes resize images.
If this is a concern, I have to recommend leaving off just “Speed up image load times” at Jetpack > Settings in your site’s Dashboard.
Thank you for the advice. Actually, the site relies on Photon and I have disabled image sizes using the following snippet:
add_filter( 'intermediate_image_sizes', '__return_empty_array', 999 );
This problem has started only after the recent Jetpack upgrade. Could there be a conflict?
Kind regards
That’s not one of our filters, was it recommended by the theme?
No, its not from theme.
I have used it to remove extra (8-10) image sizes created by WordPress and Theme. Photon has been serving scaled images nicely up until this recent Jetpack update.
Edit: Jetpack 7.1 Changelog (March 05, 2019) mentions this Major Enhancement
Image CDN: add new mode that disables the creation of resized images, thus saving disk space.
Thoughts?
You’re absolutely right, that should work.
Would you please contact us via support (at) jetpack (dot) com so we can take a closer look? Please also include a link to this support thread.
Thank you. Email request sent.
Kind regards
Quick update:
So, I deactivated a plugin (possibly causing css issues) and that fixed the problem.
Thank you very much for your support.
Kind regards
