- This topic has 6 replies, 2 voices, and was last updated 6 years ago by Tom.
-
AuthorPosts
-
March 5, 2018 at 4:15 am #511844infotbd
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 1202×502 to 460×192. 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 1424×1073 to 460×347. 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 1280×846 to 460×304. 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 1226×708 to 460×266. 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 1258×693 to 460×253. Serving a scaled image could save 2.2KiB (86% reduction).
Best
March 5, 2018 at 4:36 pm #512430TomLead DeveloperLead DeveloperHi 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 ๐
March 6, 2018 at 12:48 am #512651infotbdI have now disabled infinite scroll but the problem still exists.
March 6, 2018 at 8:37 pm #513498TomLead DeveloperLead DeveloperHave 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.
March 7, 2018 at 1:17 am #513651infotbdHello 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 1424×1073 to 460×347. Serving a scaled image could save 33.2KiB (89% reduction).”The image will be displayed in 460×347 but for this size the image in the orginal size 1424×1073 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-1024×771.png 27870 B
file anonym_surfen_nordvpn_test_erfahrung-140×110.png 2087 B
file anonym_surfen_nordvpn_test_erfahrung-150×150.png 3163 B
file anonym_surfen_nordvpn_test_erfahrung-300×200.png 5143 B
file anonym_surfen_nordvpn_test_erfahrung-300×226.png 5818 B
file anonym_surfen_nordvpn_test_erfahrung-317×183.png 5202 B
file anonym_surfen_nordvpn_test_erfahrung-370×213.png 6816 B
file anonym_surfen_nordvpn_test_erfahrung-400×230.png 7501 B
file anonym_surfen_nordvpn_test_erfahrung-400×270.png 8672 B
file anonym_surfen_nordvpn_test_erfahrung-45×45.png 1039 B
file anonym_surfen_nordvpn_test_erfahrung-667×384.png 16848 B
file anonym_surfen_nordvpn_test_erfahrung-768×578.png 22956 B
file anonym_surfen_nordvpn_test_erfahrung-770×443.png 22540 B
file anonym_surfen_nordvpn_test_erfahrung-986×1040.png 60164 B
file anonym_surfen_nordvpn_test_erfahrung.png 37920 BBest
March 7, 2018 at 3:29 am #513733infotbdI have “solved/workaround” the problem for me. I have uploaded the images with a max width of 735 in orignal size.
Best
March 7, 2018 at 10:11 am #514077TomLead DeveloperLead DeveloperPerfect ๐
-
AuthorPosts
- You must be logged in to reply to this topic.