Correct Image Sizes

Posted in: Newspaper
Post count: 97

Hello,

I am trying to get new posts to work correct but as we changed theme the images, even when re-generated, does not display correct.

Eg. on the home page for thesouthafrican.com the first block it shows a grey area where the image does not stretch to / was not cropped.

What are the correct sizes also to use in

WP-ADMIN -> MEDIA ->

– Thumbnail size
– Medium size
– Large size

Thank you in advance!

Post count: 22421

Hello,

The theme uses different thumbnail sizes for all the containers. You can see a list of these containers and sizes here: http://screencast.com/t/tZoV4BN3
If the featured image you upload is smaller than the container (in width or height) it will display with a grey strip to fill in the blank space. The theme crops your images but does not upscale theme. There is a plugin if you want to use it. It is called thumbnail upscale which stretches your images to fill the containers, but the best method would be to check the thumb size used by that particular block element and upload a picture with bigger dimensions than the thumb.
As for the picture in your big-grid, i have checked your site and it displays properly. The grey area comes from the picture itself. The video shown has the grey frames effect: http://screencast.com/t/z9kLmF9Kj
I hope this helps.
Thanks.

Post count: 97

OK maybe current one was not a good selection as it’s a video, was normal ones. SO, if it’s got GREY and it’s a normal feature image am I correct in assuming it’s then not HIGH or WIDE enough, and what I can gather your perfect/average size is 1068px by 713px. I need to give the client a set size that will work with your theme plus Facebook will display it correct.

Post count: 22421

Hello,

In order to identify the ideal/average size you need to figure out which is the largest container that will display that particular image and upload an image bigger than that container. Then there is the post template to consider. If you use post templates with big image backgrounds (style 6, 7 or 8), then your uploaded image has to be bigger (especially on style 8).
You need to asses your website’s layout (posts and block elements) and come up with an average image size that will work on smaller containers but also keep good quality on bigger ones.
You can read more about thumbs and featured images here: https://forum.tagdiv.com/theme-thumbs/https://forum.tagdiv.com/featured-image/https://forum.tagdiv.com/thumbnails-vs-featured-image-size/

I hope this helps
Thank you!

Viewing 4 posts - 1 through 4 (of 4 total)
You must be logged in to reply to this topic.