What size should the Featured Images be?

hello dear kelemvor,

first of all – many thanks for stepping up the plate with this question. I am also fairly new to this theme – and i have to confess. i love it.

I have visited your page _ and i guess that the images are tooo big. I am no expert at the moment – but i am willing to learn too. So i share all my insights with you.

See here some demos – where the dimensions are a bit smaller:

https://2017.wordpress.net/
https://www.walkervillevet.com.au/

see some articles:
How to Customize the Free Twenty Seventeen WordPress Theme
https://premium.wpmudev.org/blog/twenty-seventeen-wordpress-theme/
with various tipps on customizing and tweaking.

-…And 126 comments on the tutorial

And besides this – we have many many forum threads that cover this topic.

https://www.ads-software.com/support/topic/twenty-seventeen-featured-image-behaviour/
in the “Additional CSS” section of the dashboard add this:

.panel-image {
   height: 300px;
}

cf https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

but – i confess: I am fairly new to the WordPress_Theme 2017: and i do the first steps in this area.

this Theme looks amazing. Going to the customizing details: I need some guidance with figuring out the dimensions of my images. Kelemvor I am also beginning to use Twenty Seventeen theme, and I manually cut my photos in Photoshop or GIMP. Which size of Featured Images do you recommend!?

besides that: Should i upload them to the Gallery Images. What dimensions do I need to cut pictures too to properly use WordPress_Theme twentyseventeen?

Any insight would be appreciated,

At kelemvor: I am no expert at the moment – but i am willing to learn too. So i share all my insights with you.

hello dear Kelemvor,

i did some search and investigation.

i have found some interesting ressources that cover the topic which is interesting for you – and for me too:

Where and how to change the height of single post and page featured images

cf: https://medium.com/@bharatkaravadra/how-to-reduce-the-height-of-single-post-and-page-featured-images-in-the-twenty-seventeen-theme-b0ce1b3cb668

Where and how to change the height of single post and page featured images.
In WordPress Admin > Appearance > Edit CSS.

Enter the CSS code below.

The 33vh height sets the height of the images to 33 percent of the height of the screen.
The object-fit line ensures that the image retains it’s original proportions and is cropped to fit the shape of the featured image bounding rectangle.

The CSS code:

.single-featured-image-header img {
	/* display: block; */
	/* margin: auto; */
	height: 33vh;
	object-fit: cover;
}

see more – here: https://medium.com/@bharatkaravadra/how-to-reduce-the-height-of-single-post-and-page-featured-images-in-the-twenty-seventeen-theme-b0ce1b3cb668

and besides – at the hp of the author: https://www.karavadra.net/
and here with other tipps regarding themes 2017 and 2020 https://medium.com/@bharatkaravadra

hope this helps you and all the other ones that like to run the theme 2017 …

regards say ??