I notice with the demo images you can install that they are a wide variety of shapes and sizes.
Within Big Grid 1, the main article thumbnail and the 4 others have different height:width ratios.
I notice that Block 2 and 16 are also different from the above.
Are there image dimensions you can suggest that should work properly?
I have images with text centred in them that can’t really be used because they only centre properly in one of the three different situations above.
Thank you.
Hi,
There’s no ideal image size, the modules have thumbs with different aspect ratios and a part of the image may get lost on the cropping process. You could read more about the featured image size here (it’s from Newsmag documentation but the principles are the same) – https://forum.tagdiv.com/image-size/ You have to do some tests and see what aspect ratio to use, depending what blocks/modules you use most.
Also if you want to change the crop mode or add a different thumb size, you need to alter the code – http://screencast.com/t/7nlYBLgcfb also the thumb is used in the modules – http://screencast.com/t/U34sGuJ2gfX If you make any changes you will have to regenerate thumbnails – https://forum.tagdiv.com/using-the-theme-with-existing-content/
Thanks!
Hi Alin, just face the same issue as stated above.. it is a little weird of how this image crop is working.. if i see the demo install of newspaper default.. the image is set as featured with size 1068×712 or 1068×709 and in the demo install it is well sized either on the big grid layout, on the footer thumb block, on the search block.
this is my demo install http://demo.howtoproblem.com/. I refer to the post “Simple form creation and storage, built for developers.” Fyi. I have tried to resize my image manually from photoshop to 1068×712 then i set as featured and i run the regenerate thumbnails but on the search result block the image is not well sized.. if i inspect element it shows that the image is resized to 150x150px ? dohh.. could you give us the best tricks for this issue ? this really time consuming issue..
Thanks in advance. Have a nice day.
Hi,
When you add an image WordPress automatically creates a thumb for each module the theme uses so, besides WordPress”s, we have added new image sizes in config file(above screenshot) and the crop mode is center-top, you can read more about this here- http://www.davidtan.org/wordpress-hard-crop-vs-soft-crop-difference-comparison-example/ Also the demo images are cropped on your site – http://screencast.com/t/wWLdOxCfhj The only way to find out what image aspect ratio is better for you to use is to do some tests, depending what blocks/modules you use most add an image more nearest with aspect ratio of the thumbs in which you want it to look well. You can read more about aspect ratio here – http://digital-photography-school.com/aspect-ratio-what-it-is-and-why-it-matters/
Also I have checked you search page and you use module 16. All modules use a specific thumbnail as you can see in the code and in panel when you activate thumbnails on modules/blocks – http://screencast.com/t/9pNqiUyim6 but module 16 use wordpress thumbnail size(150×150) – http://screencast.com/t/n2iF1dLiUF2w – http://screencast.com/t/zsEphxbv
Thanks!
