[Support request] Problem with pictures in generatepress with shortpixel plugin

[Yves]

Hi,
I am using a custom child theme, with the premium version of GP.

1. The first problem I have, without any plugins, is that on the homepage and in categories, it serves the featured image in the original size not in thumbnail size. I checked here in the site library, and it does the same thing.

On my installation I checked with ftp and all the thumbnails are created but not served. They are even in the code if you inspect. Am I missing something here? Because if I use any website speed checker, it shows the full featured image is loaded. Same on my desktop.

2. When I use shortpixel plugin, it does not replace the image with the WebP version. I never had this problem with another theme. I guess I am doing something wrong?

When I use their adaptive plugin, that serves the images automatically from their CDN, it works perfectly fine by the way.

[David]

Hi there,

lets get #2 out the way – the Theme has no control over the media library or how shortpixel integrates with that. I can say i have worked on several sites using GP + Shortpixel without any issue – i suggests speaking with shortpixel to see what the problem is.

#1 GP uses the default max-sizes attribute that WP generates – you can see its output in the image HTML – it looks like this:

sizes="(max-width: 1920px) 100vw, 1920px"

Its WP’s attempt at a catch-all responsive behaviour but it relies on the image to fill 100% of the viewport width.

So somethings you can do in the theme to improve that. But first you need to enable the Blog Module in Appearance > GeneratePress then you can edit the Featured Image options in Customizer > Layout > Blog:

https://docs.generatepress.com/article/adjusting-the-featured-images/

Select the Posts tab.
1. Select a smaller Media Attachment size
2. Uncheck Display Padding Around Images – this one will make sure the image fills the viewport for true responsiveness.

If need be i can provide a custom function to rewrite the max-sizes.

[Yves]

Hi,
thanks. I found out the problem is my hoster. (Closte.com – Lightspeed Hosting, in case anyone ever has the same problem)
After I installed the website on another hoster it worked fine.

The Main Problem I still have is the Blog and Category pages: Here the full sized picture is served instead of the thumbnail size.
Can you tell me how to fix this?

[David]

Have you tried changing the Customizer > Layout > Blog –> Featured Images >>> Attachment size for the Archives ? You cans set it to medium_large which is the 768px image, which is good for most mobiles they are x2/x3 HD screens now.

[Author]

Posts