Hello,
Is it possible to set fixed featured image size on mobile?
<div class="td-post-featured-image"><img width="696" height="364" src="https://example-domain.com/wp-content/uploads/2021/11/example-image-title-696x364.jpg" alt="" /></div>
I can’t get Largest Contentful Paint less then 2.5 and LCP element is featured image
Thank you
Here is example of code with multiple sizes for featured image
Hello @crodexter!
Normally, the featured images from normal posts have the same sizes. Also, they have same sizes after you activate the mobile theme plugin. When you upload the images, you can choose the sizes how you’ll like to display for the featured images.
Thank you!
Hello Bettina,
Thank you for the quick repaly.
I don’t understand what you mean that during the upload image size can be chosen.
Isn’t the size defined in theme? During the upload different image sizes are generated and that is defined in theme panel.
I wonder how to avoid different image sizes for different screen width since in html code image size depends on screen width.
Hello @crodexter!
Please check this guide: https://forum.tagdiv.com/theme-thumbs/ ; Some screenshots where you can change the image sizes: https://i.imgur.com/OYxNzc9.jpg ; https://i.imgur.com/UpGKfGv.jpg
Please note that these settings are not available for the standard templates or Mobile theme plugin.
Regardless of image size used for featured images, the theme will create thumbnails from them. These thumbnails will be loaded, not the full image. Still there are methods to optimize the thumbnails, see point 3 in this guide for example
– https://forum.tagdiv.com/how-to-make-the-site-faster/
Thank you!
Just removed a image optimizer and added the EWW image optimization – in the settings i was looking for the lower two options via the point 3 you mentioned above –
Web P Conversion & JS WebP Rewriting
However in the new or current EWW – it shows under WebP Conversion it shows:
WebP images are served automatically by Easy IO.
I have Easy IO turned on – but is there anything else I am to do.
Thanks
Also – as for image sizes on mobile / desktop – if i have a category x – and have single post template – is it possible to make it so the image always shows as a x wide by x tall image?
Hello Chris!
Please check the settings from the link above and make sure you have the same settings. It is only a suggestion, so you can use any other plugin which suits you the best.
Please provide more information about what you need to achieve, maybe some screenshots or example, it will help.
Thank you!
I’m trying to figure out on a sinlge post – how to make an image for an obituary layout
I’m using the single image and the single content – however the image is huge with whatever setting i use . . need to find a way so that in comparison – if looking at a newspaper – the image is taking up half the column of a row (use 2/3 and 1/3rd)
and want the obit and picture on the left side with pic to the far left and article starting on right part of the 2/3.
Hello Chris!
Make sure your images don’t have bigger size in Kb. You can use some free websites where you can optimize the images, then upload on your Media Library.
Thank you!
What should max kb size be for website?
Hello Chris!
It depends how much you can optimize the images(<100kb/image) and how many images you use on your whole website.
Thank you!
