Serving scaled images

  • Resolved kr3t3n

    (@kr3t3n)


    5 years, 3 months ago

    Hi and Happy New Year!

    The theme is using HTML/CSS resized images, instead of smaller scaled versions the images. For example, a thumbnail on the homepage is 266×347 but it is just the original featured image, HTML/CSS resized.

    Is there a way to make the theme serve scaled images instead, thus reducing load time?

    Thank you very much in advance for your help and time!

Viewing 4 replies - 1 through 4 (of 4 total)
  • jarektheme

    (@jarektheme)

    5 years, 3 months ago

    Hi there,

    Thank you for getting in touch with us.

    All images in Elara are responsive to they occupy the full width of their container and are resized automatically to keep proportions. For example the original featured image of the post “Breakfast Time” on demo page: http://demo.lyrathemes.com/elara/breakfast-time/ has 1920x1280px but it is resized automatically to few image sizes that will fit to our layout on single post page: 1470x680px and blog feed: 690x900px. That means the same image on single post page has 1470x680px but its rendered version on the page occupy 1086x502px as you can see in this screenshot: http://prntscr.com/m24wv0
    Its size depends on the screen size and layout so if you choose the post layout without sidebar it will take 1317x609px. The original size of the same image on the front page is 690x900px so is smaller version of original featured image (1920x1280px) but it occupies up to 342x446px as you can see here: http://prntscr.com/m25266

    Hope that makes sense.

    Kind regards

    Thread Starter kr3t3n

    (@kr3t3n)

    5 years, 3 months ago

    Hi Jarek,

    I’m using the feed without a sidebar. In my case (screen resolution of 1600×900) the thumbnail is resized to 313x405px, using the 690x900px image. This is 4.89 times larger image than it should be ideally.
    I have also tested it on another machine and there the thumbnail is resized to 342×447 (screen resolution of 1920×1080). In this case the image is 4.06 times bigger than it should be ideally.

    Is there a way for the theme to use smaller versions of the images for the thumbnails?

    jarektheme

    (@jarektheme)

    5 years, 3 months ago

    If you want to change default image size of featured categories you will need to install and activate Simple Image Sizes plugin – https://wordpress.org/plugins/simple-image-sizes/ and then change the size of elara-thumbnail image size.
    After that, you will need to regenerate thumbnails to change size of previously added images.

    Kind regards

    Thread Starter kr3t3n

    (@kr3t3n)

    5 years, 3 months ago

    Thanks for the confirmation, Jarek!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Serving scaled images’ is closed to new replies.

Tags