[Resolved] Serve scaled images – columns

Home Forums Support [Resolved] Serve scaled images – columns

Home Forums Support Serve scaled images – columns

  • This topic has 6 replies, 2 voices, and was last updated 6 years ago by Tom.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #511844
    infotbd

    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

    #512430
    Tom
    Lead Developer
    Lead Developer

    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 ๐Ÿ™‚

    #512651
    infotbd

    I have now disabled infinite scroll but the problem still exists.

    #513498
    Tom
    Lead Developer
    Lead Developer

    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.

    #513651
    infotbd

    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 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 B

    Best

    #513733
    infotbd

    I have “solved/workaround” the problem for me. I have uploaded the images with a max width of 735 in orignal size.

    Best

    #514077
    Tom
    Lead Developer
    Lead Developer

    Perfect ๐Ÿ™‚

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.