Image Sizing?

  • Hello,

    I’ve been trying to adjust the size of the images on my homepage. I believe doing this would help out on performance on both desktop and mobile, and would also make the page look better. However, the only default size that looks acceptable is the one that I’m using now which is the medium option. What can I do to get smaller images?

    Also, when I use the custom option and use 200×307 px which is what I’ve seen on Book Riot and other book blogs, the text gets cut off.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    Smaller dimensions or smaller file size? Your’s are 200×300, I personally don’t think anything smaller dimensionally would be desirable. For smaller file sizes, consider .webp format (you have some .webp images, but others are .png or .jpg). There are a number of plugins that will implement .webp for you.
    https://www.ads-software.com/plugins/search/convert+webp/

    Not sure what problem with text being cut off you’re seeing. 7px larger is hardly anything and there’s no text close to any images.

    Thread Starter jlwiv87

    (@jlwiv87)

    @bcworkz

    Hi, thanks for your response. Book Riots book covers are much smaller and look pretty decent.

    When editing in Elementor and changing the size of the images, it doesn’t shrink the image as a whole. The image size turns more into a square than a rectangle, which leads to the text being cut off. This tends to happen with any custom value I put in.

    I will look into a plugin to help with converting the rest of the images.

    Thank you.

    Moderator bcworkz

    (@bcworkz)

    If you want a smaller image dimensionally, you can make it display smaller with CSS, for example:

    .elementor-widget-image a {
    width: 150px;
}

    Add it to the Additional CSS customizer section. This could adversely effect other images on your site. If so, you’ll need more discriminating selectors. There may already be better selectors in the page HTML. Or you could include a custom class with all images you want this size and use that class as the CSS selector.

    However, the source file remains the size that it is. To change file dimensions, you need to alter the image size of the registered “medium” size in media settings. Changing the registered size will only affect newly uploaded images. To resize existing images to match, you need some sort of resize thumbnails type of plugin.
    https://www.ads-software.com/plugins/search/resize+thumbnails/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Image Sizing?’ is closed to new replies.