-
Posts
-
Hi there,
I’m struggling with the blog website I am creating. We are using the masonry blog layout for the homepage. I have cropped all my post featured images to the same size, (1200 x 512) but they look very different in the homepage thumbnails. And most of the time the random cropping cuts out most of the image!
I thought they would be the same aspect ratio as the featured image and the whole image, just smaller.
Can you tell me how to have better control over the presentation of my post images on the masonry homepage?
Hey Dandelion222,
Please, can you send a screenshot to us? This way, we can help you better.
Best regards,
John TorvikHi,
Thank you for the info. We would like to apologize for the delay.
The theme automatically resizes the masonry images to 705x470px. You can change the default thumbnail size by installing the following plugin.
// https://wordpress.org/plugins/simple-image-sizes/
Go to the Settings > Media panel, adjust the size of the “masonry” thumbnail, update, save then regenerate the thumbnails. Please keep the aspect ratio.
Best regards,
IsmaelMike,
Thank you. That looks like a very useful plugin and I am happy to know about it! I’m not sure it’s the solution to my issue today. I’m not sure why I would want to change the masonry thumbnail sizes, except to change the aspect ratio.
I looked it up and the aspect ratio of 705 x 470 is 3:2. Not only is that not what I’d like (I’d prefer something more like 2:1) but that isn’t what the current masonry images even look like. I took a screenshot at several browser window sizes, and unless the window was quite large – almost full screen on my 27″ monitor – the ratio is more like 2:1. Narrower.
Also, the plugin settings is listing the masonry size as 705 x 705. Not 705 x 470. Btw, do you know what “Show in post insertion?” means?
But regardless of the aspect ratio, why don’t the images all match? I will be happy to share a screenshot but I can’t remember that name of that place where I can post an image for you and send the link. Can you remind me what that service is?
Also, for one of my posts, that I like the look of, I had a good look and it illustrates my situation or confusion well.
The actual image size (in the Media Library) is 1000 x 668 (basically 3:2). But on the single post page, when I stretch it to the very largest it will go and it doesn’t resize anymore, it becomes 1211 x 512 (or slightly narrower than 2:1) . And this aspect ratio (that I like) stays consistent no matter what size I make the browser window.So I’m not seeing any time when the theme uses the 3:2 ratio (705×470 is one example) even when the original image would perfectly resize to that. It still gets cropped to something closer to 2:1.
I would love to understand this better because it will come up with almost any project that uses Enfold.
So I’ve continued to try to figure this out. For some reason, when I switched to a different option for the masonry it now looks uniform. I choose: Flexible Masonry: All entries get the same width but Images of each entry are displayed with their original height and width ratio.
I think because I edited all images to be the exact same size before uploading that it works. But I don’t really understand why the second choice, (Perfect Grid: Display a perfect grid where each element has exactly the same size. Images get cropped/stretched if they don’t fit) didn’t have the same effect. But I’ll take it!
Hi,
I would like to check the post but it doesn’t exist. Please provide another example. The single post template is using another thumbnail called “entry_with_sidebar” if the sidebar is enabled or the “entry_without_sidebar” if the sidebar is off.
Best regards,
IsmaelI’ve moved on to a different solution Ismael. I switched to a different masonry setting. And then deleted test pages.
But I’d love a reply to a different thread: #898225!
- The topic ‘Masonry blog – What is the ideal size for featured images?’ is closed to new replies.