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://ww.wp.xz.cn/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.
@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.
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://ww.wp.xz.cn/plugins/search/resize+thumbnails/
