Serve scaled images – Optimization

  • Hi, I’m having an issue with scaled images.

    GTmetrix and PageSpeed Insights are stating that images on my site need to be optimized.

    …is resized in HTML or CSS from 800×445 to 329×183. Serving a scaled image could save 67.7KiB (83% reduction).

    …is resized in HTML or CSS from 800×445 to 532×296. Serving a scaled image could save 52.7KiB (55% reduction).

    …is resized in HTML or CSS from 392×272 to 207×144. Serving a scaled image could save 7.9KiB (72% reduction).

    …is resized in HTML or CSS from 390×205 to 262×138. Serving a scaled image could save 6.5KiB (54% reduction).

    When I switch to another theme, I don’t have this problem.

    Can anyone help and let me know how to fix this issue?

    Thanks for your time!

Viewing 8 replies - 1 through 8 (of 8 total)

  • Hello,
    have you tried using an image optimizer plugin if your themes optimization is not enough?
    I recommend using https://www.ads-software.com/plugins/ewww-image-optimizer/
    but you can find many plugins that fit your requirement.

    Regards.

    Thread Starter roxchou

    (@roxchou)

    Hi wensolutions,

    yes I’m already using ewww image optimizer and having this issue.

    It looks like the theme is not serving an image to match the size it is displayed. So an 800×445 image is being displayed at 532×296 or 207×144 or 262×138 etc. This slows down the page because the browser is downloading the larger image and then rescaling it.

    I wonder if adding something like this in the functions.php file and regenerating thumbnails will resolve the issue:

    add_image_size( ‘colormag-featured-post-medium’, 371, 195, true );

    Thanks for the support!

    Thread Starter roxchou

    (@roxchou)

    I can’t figure out how to resolve this issue. The serve scaled image issue is a colormag theme issue. I Just tested https://demo.themegrill.com/colormag-pro/ and https://demo.themegrill.com/colormag with GTmetrix and both demo versions have this issue.

    Hoping someone can help resolve this.

    Thanks in advance!

    The same issue here. Theme Grill claims that they already put a lot of thought into ColorMag theme and they said that they’d rather have better visuals in widgets than fully optimized scaling. But they also said that if they find a way to optimize that they will certainly do it. I wish they did that because it’s one of the best magazine themes I’ve seen.

    Hey guys, I solved this issue! I noticed the Serve scaled images problem with one of my blogs that is running ColorMag theme.

    I wrote an article on how to fix it here https://learnedia.com/customize-colormag-wp-theme/

    Hope it helps ??

    If you need some assistance, I’ll be happy to help.

    Regards
    learnrr

    Thread Starter roxchou

    (@roxchou)

    Excellent learnrr! Your solution worked great. GTmetrix score went from 81 to 90 ??

    Thanks for your help!

    SvsElton

    (@svselton)

    Hi @learnrr how did you solve the issue?

    Hello learnrr
    I am unable to find the Tag you ask. Can you please explore the steps how i can find it.
    Thank you

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Serve scaled images – Optimization’ is closed to new replies.