[Support request] How to serve scaled images?

[Sonja]

On my homepage, the thumbnails were resized in HTML or CSS, so that they have the same file size as the origonal pictures. But that slows down the website a lot.

Why does WP or GP not serve much smaller scaled images as thumbnails? Is there a way to do that?

[Tom]

Hi there,

Have you checked out the featured image resizing options?: https://docs.generatepress.com/article/adjusting-the-featured-images/

Let me know 🙂

[Sonja]

Hi Tom,

yes, I have checked that. But if I set a smaller size, then the mobile view is wrong, because the images stay at that smaller size and react not responsive.

I know from other themes, that they save different sizes from each image, so that they always can serve the right image for each situation/viewport.

[Tom]

That is an issue, unfortunately. In those cases, it’s best to set the image size for mobile, and then adjust them with a little CSS on desktop.

In GPP 1.8, we’ll be introducing a new way to resize images which will make things more flexible.

Let me know if you need help with the CSS 🙂

[Author]

Posts