Archived topic
Serve scaled images - columns
6 replies · Started by infotbd on March 5, 2018
Hello Support,
if i use columns in my blog the images from the posts will be scaled with html/css functions. Can we use scaled images which html/css don`t need to scale in default view?
GTMetrix have found these files:
/wp-content/uploads/2017/11/pcloud-test.png is resized in HTML or CSS from 1202x502 to 460x192. Serving a scaled image could save 73.6KiB (85% reduction).
/wp-content/uploads/2018/02/anonym_surfen_nordvpn_test_erfahrung.png is resized in HTML or CSS from 1424x1073 to 460x347. Serving a scaled image could save 33.2KiB (89% reduction).
/wp-content/uploads/2018/03/rocket-3122690_1280.png is resized in HTML or CSS from 1280x846 to 460x304. Serving a scaled image could save 29.1KiB (87% reduction).
/wp-content/uploads/2018/02/sicheres_passwort.png is resized in HTML or CSS from 1226x708 to 460x266. Serving a scaled image could save 3.7KiB (85% reduction).
/wp-content/uploads/2018/02/passwort_manager-enpass.png is resized in HTML or CSS from 1258x693 to 460x253. Serving a scaled image could save 2.2KiB (86% reduction).
Best
Hi there,
Responsive images are turned off when infinite scroll is activated for now. This was to stop a weird bug from happening.
In GPP 1.6 (which is available for testing: https://docs.generatepress.com/article/beta-testing/), we've re-enabled responsive images even when infinite scroll is enabled.
Let me know if this helps or not :)
I have now disabled infinite scroll but the problem still exists.
Have you tried optimizing your images? You can use a WP plugin like Smush It, or an online tool like: http://optimizilla.com/
That should help.
As for serving scaled images, you may just need to resize them a bit so they're smaller. However, if they load fast (optimized etc..), I wouldn't worry about it.
Hello Tom,
the images are already optimized but the issue is that a big size of the image will be used.
As example:
"wp-content/uploads/2018/02/anonym_surfen_nordvpn_test_erfahrung.png is resized in HTML or CSS from 1424x1073 to 460x347. Serving a scaled image could save 33.2KiB (89% reduction)."
The image will be displayed in 460x347 but for this size the image in the orginal size 1424x1073 will be used but the image is already available in a smaller size - im not sure if this do wordpress automatically but gtmetrix want that a smaller picture will be used - as example someone of this:
file anonym_surfen_nordvpn_test_erfahrung-1024x771.png 27870 B
file anonym_surfen_nordvpn_test_erfahrung-140x110.png 2087 B
file anonym_surfen_nordvpn_test_erfahrung-150x150.png 3163 B
file anonym_surfen_nordvpn_test_erfahrung-300x200.png 5143 B
file anonym_surfen_nordvpn_test_erfahrung-300x226.png 5818 B
file anonym_surfen_nordvpn_test_erfahrung-317x183.png 5202 B
file anonym_surfen_nordvpn_test_erfahrung-370x213.png 6816 B
file anonym_surfen_nordvpn_test_erfahrung-400x230.png 7501 B
file anonym_surfen_nordvpn_test_erfahrung-400x270.png 8672 B
file anonym_surfen_nordvpn_test_erfahrung-45x45.png 1039 B
file anonym_surfen_nordvpn_test_erfahrung-667x384.png 16848 B
file anonym_surfen_nordvpn_test_erfahrung-768x578.png 22956 B
file anonym_surfen_nordvpn_test_erfahrung-770x443.png 22540 B
file anonym_surfen_nordvpn_test_erfahrung-986x1040.png 60164 B
file anonym_surfen_nordvpn_test_erfahrung.png 37920 B
Best
I have "solved/workaround" the problem for me. I have uploaded the images with a max width of 735 in orignal size.
Best
Perfect :)
