Facing problem: on Front Page – Image gets crop

Posted in: Newspaper
Post count: 62

Hello,
I’m using “Gadget” theme for my site.
Last time I ask for thumbnail size & I got the reply that 1068*712 is good.

But when I start using same size thumbnail then why it’s not showing full image on my Front-page?

The image gets crop why?

Downside it’s working great but in the top area, it’s not working. Please help me!

And I would like to ask one more question that, why it’s not showing full Image on Facebook & Twitter when I’m sharing post there?

I saw “Neil Patel” Facebook page, his all images are showing perfect without cropping any small size. I try on my site with same thumbnail size but it’s still cropping on my Facebook page, why?

Help me! please.

Thanks! Rohit S

Post count: 62

Only “Latest News” section is good, and rest the section are not good.

Please do something which starts showing full images on every section.

I request you to please, now don’t tell me to change the thumbnail size. Fix it with same 1068*712 size because I already write many articles with same thumbnail size.

Thanks!

Post count: 20688

Hi,

All the thumbnails that the theme creates are cropped, please check here
https://forum.tagdiv.com/featured-image/
Depending on your original image aspect ratio and the grids/blocks/modules used there will be different results
https://forum.tagdiv.com/thumbnails-vs-featured-image-size/
You can use any featured image size you want, bigger and higher quality images will create better thumbnails.

If you are not satisfied with the featured image when sharing on Facebook, you can set an image of your choosing in Yoast settings for each post
https://www.screencast.com/t/BNZlpmXXbjgm
Also check some Facebook recommendations for the image size
https://support.wix.com/en/article/recommended-facebook-share-image-size
https://louisem.com/3838/facebook-link-thumbnail-image-sizes

Thanks

Post count: 62

Thank you, Simion sir,
I’m happy and got my answer about FB thumbnail.

But not happy with our own site cropping system, you need to fix it. When on “Latest News” column working well then why not all?

Hope you will fix it.

Thanks! Rohit S

Post count: 20688

What problems are there exactly with the thumbnails in your website, I could take a look if you could mention some examples. Note that the results are different depending on the block/grid used.
So you could check all of the block, grid and full grid types, see how they look. There are many types of grids and blocks available
https://demo.tagdiv.com/newspaper/full-big-grid-1/
https://demo.tagdiv.com/newspaper/big-grid-1/
https://demo.tagdiv.com/newspaper/block-1/

Thanks

Post count: 62

Ok, let me tell you exactly the problem with thumbnails.
Visit: https://www.rsviral.com
Check: “Latest News” section. All thumbnails are displaying in there original size.

Check: “Phones” section. The image is getting cropped, I need the full-size image there also, I don’t want to get cropped my images.

Now if we look at the upper side colorful thumbnail, that all are also cropped. I want all the images in their whole size.

Please make a “new setting” which fit our original images in their thumbnail without getting cropped.

For all blocks, grid and full grid types. Can you make any “auto-fit without cropped” setting for thumbnails?

Now, I hope you understand my problem.

Thanks! Rohit S

  • This reply was modified 8 years by Rohit Sharma. Reason: I Bold some words
Post count: 20688

Hi,

All the thumbnails are going to be cropped as I mentioned above, a center top crop will be used. Try to enter this code in Theme panel for the Phones block
https://www.screencast.com/t/L5ERt5yCWm

.td_block_14 .td-module-thumb .entry-thumb {
height: 100%;
width: 100%;
}

For the top grid issue, you could use a different one, which displays the images differently. I tested with one of your images, full grid 3 displays it better
https://www.screencast.com/t/R9RDlULUdG09
So you could use that grid instead of the one you currently use. There will be different results between each element. You just have to find what is best to display your images.

Post count: 62

Thank you, so much Simion

I’m happy with you, at least you try to help me. But I don’t want to change anything from my theme. I’m happy with demo layout.

But you have to focus on every single grid because everyone wants the full-size image on their thumbnail, especially on the front page.

Hope one day you will fix this issue.

Thanks! Rohit S

Post count: 14

Can I add my request for something to be done about this as well. I understand you provide different layouts so images won’t always display fully for each layout, but there should be the ability to have a layout where the ratio between different grid/block thumbnails is the same.

For example I should be able to create a page where a 4:3 or a 3:2 or whatever ratio image displays fully without cropping in a large banner (e.g. as a ‘new blog’ section) and further down the page as smaller thumbnail.

The variety of blocks you offer is great, but they all seem to use different ratios, and none of them are standard.

Is this something that could be looked at in the future?

Post count: 59

I also second you. The theme developer, please look into this matter in future. I don’t want that my images get cropped anywhere but it can be resized.

Post count: 20688

Hi,

There will be many new features added in future updates. There will be more and more flex blocks added with even more settings. So you can build your blocks and modules in many more ways.

Post count: 2

Dear Simion,
I regularly import some videos and use their thumbnail images from YouTube. The thumbnails are in the 16:9 format. However, the auto crop function in the theme makes the thumbnails look strange because it cuts away some parts of the original 16:9 image. So there are always some parts missing of the original thumbnail images which looks strange.

In earlier versions of the theme I could disable the cropping feature in the td_config.php by entirely replacing the terms

‘crop’ => array(‘center’, ‘top’),

with the term

‘crop’ => false,

However, in the new theme version 8.8 this does not seem to work anymore. Is there a workaround to generally disable the auto crop function in the whole theme?

  • This reply was modified 8 years by spelling.
Post count: 20688

Hi,


@spelling
A general way to disable the cropping does not exist, each module will crop the original image to create a thumbnail
https://www.screencast.com/t/AQ1Phu9m8D

You could try to modify the crop there, or remove it, then check the results. It would be the same as before if you modified this previously. Be sure to regenerate the thumbnails after you make the modifications
https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/

Viewing 13 posts - 1 through 13 (of 13 total)
The forum ‘Newspaper’ is closed to new topics and replies.