Archived topic
How to serve scaled images?
3 replies · Started by Marius on January 6, 2019
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?
Hi there,
Have you checked out the featured image resizing options?: https://docs.generatepress.com/article/adjusting-the-featured-images/
Let me know :)
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.
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 :)
