[Maurice]

I manage to find a solution to this behavior.
Goto Customizing ▸ Post Information >Featured Image

Change “Featured Image Behaviour” to “Cropped”

Adjust the height of the image at “Featured Image Height”

I found out that while having the “Featured Image Behaviour” to “Responsive”
the image size doesn’t expand beyond 180 px

[Maurice]

I have the same issue as yours
I ran the force regenerate thumbnails and the situation is even worse.
I endup with bars on the side of my images

Website: montemalbus.azurewebsites.net

[Maurice]

I still think there is still some misunderstanding. Did I do something wrong?
I can’t think of a use-case for a behaviour like this…
The image on the left is 1320 × 879
The image on the right uses 800 × 533 pixels

This is on The testwebsite

• This reply was modified 7 years ago by Maurice.

[Maurice]

Hi Zed,

Thank you for the prompt answer!
Ii can’t find the release announcement.
Can you direct me to it?

Thanks!

Regards,

Maurice

[Maurice]

Ok I have a workaround now, I learned from above that if there are bigger images available than the 450w the image will be wrong.
So I uploaded an image that has lower reolution and used it as the features image.

[Maurice]

I compared this behaviour to a testwebsite and took the source to find more information about this problem. Maybe someone can help me out on this.

Wrong!!! Website that displays the posttumbnail wrong
<img
class=”post-featured-image”
alt=”Benimar”
itemprop=”url”
src=”https://i1.wp.com/moontenerife.com/wp-content/uploads/2017/06/IMG_0178.jpg?resize=800%2C500&#8243;

srcset=”https://i1.wp.com/moontenerife.com/wp-content/uploads/2017/06/IMG_0178.jpg?fit=718%2C500 718w, https://i1.wp.com/moontenerife.com/wp-content/uploads/2017/06/IMG_0178.jpg?resize=1320%2C500 1320w, https://i1.wp.com/moontenerife.com/wp-content/uploads/2017/06/IMG_0178.jpg?resize=800%2C500 800w, https://i1.wp.com/moontenerife.com/wp-content/uploads/2017/06/IMG_0178.jpg?resize=512%2C500 512w”

sizes=”(max-width: 800px) 100vw,(max-width: 1152px) 50vw, 449px”
>

Correct Website that displays the post tumbnail correct
<img
class=”post-featured-image”
alt=”Compostela Beach Golf Club”
itemprop=”url”
src=”/wp-content/uploads/2017/06/compostela1.jpg”
srcset=”/wp-content/uploads/2017/06/compostela1.jpg 450w, /wp-content/uploads/2017/06/compostela1.jpg 450w, /wp-content/uploads/2017/06/compostela1.jpg 450w, /wp-content/uploads/2017/06/compostela1.jpg 450w”

sizes=”(max-width: 800px) 100vw,(max-width: 1152px) 50vw, 449px”
>

I also found out that if I resize my window to the smallest width (or view on a smartphone)
The image is displayed correctly.

Website: moontenerife.com

• This reply was modified 7 years ago by Maurice.

[Author]

Posts