Serving Scaled Images?

  • TheRevisionist

    (@therevisionist)


    6 years, 11 months ago

    So I was testing my webpage speed using GTMetrix, and they said, “The following images are resized in HTML or CSS. Serving scaled images could save 456.5KiB (95% reduction).”

    So how do I fix this problem? A majority of the images are those used by the CRP plugin.

    I would appreciate any help. Let me know if you need any other info. Thanks!

    P.S.> Here’s an Image of the problem: https://imgur.com/a/n0Cl9kk

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Ajay

    (@ajay)

    6 years, 10 months ago

    What are your image settings? You can get the plugin to resize your thumbnails by enabling Generate thumbnail sizes and selecting crp_thumbnail/Custom as the setting under Thumbnail tab.

    You’ll also need to use a plugin like OTF Regenerate Thumbnails to generate the new images.

    Thread Starter TheRevisionist

    (@therevisionist)

    6 years, 10 months ago

    Ok, thank you so much! I have 2 more questions:

    1. Can I have the thumbnails all have their own ratios, but all set at a specific width of 300px? In other words, their height would vary depending on the ratio of the original image.

    2. How do I increase the font size of the thumbnails? I tried using the custom css, but it gets overwritten by the original code for the CRP plugin, for the text size.

    Thanks again!

    Plugin Author Ajay

    (@ajay)

    6 years, 10 months ago

    1. You will need to change the Crop images setting off in the Settings page – this is good if you’re building your own styles as it might look funny depending on the images

    2. For the font size you should be able to add this to the box under the styles tab.

    .crp_related .crp_title {
font-size: 14px
}

    Try the size you want

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

The topic ‘Serving Scaled Images?’ is closed to new replies.