MEET SITKA | A super-customizable modern WP theme!

Okay
  Print

What are the ideal image dimensions to use in my theme?

It's hard to define exact image dimensions for each theme as different people have different preferences for how their content will look. 

Based on each theme's demo site, we've tried to note the recommended image dimensions, often with the minimum recommended width/height noted. 

You're very welcome to use images that are larger than noted below, as WP will crop/re-size the images to fit their respective containers nicely (logo images may be a different case). 

Please note that using very large images where it is not necessary can affect your site's loading speed and may even cause image uploading errors.

Should you have any questions, please feel free to open up a new support ticket and let us know!



// FLORENCE //

Logo image: Width no greater than 1080px. Theme will adjust to accommodate logo image's height automatically. Florence's demo logo image is 428px wide and 123px in height. To use a logo image that is wider than 1080px, please check out this article.
Full-width: Image width should be at least 1080px.
Standard post w/ sidebar: Image width should be at least 740px.
Thumbnail images: Smaller images such as grid layout, related posts, etc., will take your post's featured image and automatically crop it so that the image fits nicely within the smaller container.


// HEMLOCK //

Logo image: Width no greater than 940px. Theme will adjust to accommodate logo image's height automatically. Hemlock's demo logo image is 360px wide and 163px in height. To use a logo image with a width greater than 940px, please check out this article.
Full-width: Image width should be at least 940px.
Featured area slides: Featured image should be at least 650px wide & 440px in height, otherwise WP cannot upscale them. More info on the Featured Area Slider here.
Standard post w/ sidebar: Image width should be at least 650px.
Thumbnail images: Smaller images such as grid layout, related posts, etc., will take your post's featured image and automatically crop it so that the image fits nicely within the smaller container.


// ROSEMARY //

Slider image: Image width should be at least 1080px and height should be at least 660px.
Logo image: Width no greater than 1080px. Theme will adjust to accommodate logo image's height. To use a logo image with width greater than 1080px, please check out this article.
Rosemary's demo logo is precisely 407px in width and 113px in height.
Full-width post image: Image width at least 1080px.
Standard post image w/ sidebar: Image width at least 760px and image height at least 510px.
Thumbnail images: Smaller images such as grid layout, list layout, related posts, etc., will take your post's featured image and automatically crop it so that the image fits nicely within the smaller container.


// REDWOOD //

Slider image: Image width should be at least 1080px and height should be at least 530px.
Logo image: Width no greater than 1080px. Theme will adjust to accommodate logo image's height. To use a logo image with width greater than 1080px, please check out this article.
Redwood's demo logo is precisely 367px in width and 87px in height.
Promo Box image: Width at least 340px and a height of at least 200px.
Full-width post image: Image width at least 1080px.
Standard post image w/ sidebar: Image width at least 740px.
Thumbnail images: Smaller images such as grid layout, list layout, related posts, etc., will take your post's featured image and automatically crop it so that the image fits nicely within the smaller container.


// OLEANDER //

Slider image: Image width recommended at 1900px in width and height should be at least 645px. 
Logo image: Width no greater than 1140px. Theme will adjust to accommodate logo image's height. To use a logo image with width greater than 1140px, please check out this article
Oleander's demo logo is precisely 378px in width and 124px in height.
Promo Box image: Width at least 360px and a height of at least 240px. 
Full-width post image: Image width at least 1140px. 
Standard post image w/ sidebar: Image width at least 780px.
Thumbnail images: Smaller images such as grid layout, list layout, related posts, etc., will take your post's featured image and automatically crop it so that the image fits nicely within the smaller container.


// SPROUT & SPOON //

Logo image: Width no greater than 1080px. Theme will adjust to accommodate logo image's height. To use a logo image with width greater than 1080px, please check out this article.  
Sprout & Spoon's demo site logo is precisely 436px in width and 96px in height. 
Full-width post image: Image width at least 1080px.  
Standard post image w/ sidebar: Image width at least 740px. 
Thumbnail images: Smaller images such as grid layout, list layout, related posts, etc., will take your post's featured image and automatically crop it so that the image fits nicely within the smaller container.


// LAUREL //

Slider image: Image width recommended at 1900px in width and height should be at least 660px.  
Logo image for Header 1 Option: Adjustable via Customize > Header & Logo Settings
Logo Image for Header 2 Option: Any size. 
Laurel's demo logo in the top-bar is precisely 156px in width and 30px in height. 
Promo Box image: Width at least 360px and a height of at least 240px.  
Full-width post image: Image width at least 1140px.
Full-width post w/ full-width image: Width of at least 1600px and height of at least  660px. Height is adjustable.
Standard post image w/ sidebar: Image width at least 810px. 
Thumbnail images: Smaller images such as grid layout, list layout, related posts, etc., will take your post's featured image and automatically crop it so that the image fits nicely within the smaller container.


// ALDER //

Full-width post image: Image width at least 1080px. 
Standard post image w/ sidebar: Image width at least 790px.
Thumbnail images: Smaller images such as grid layout, list layout, related posts, etc., will take your post's featured image and automatically crop it so that the image fits nicely within the smaller container.


// HAWTHORN //

Featured Area Slider: Image width of at least 1080px. Desktop image height is 640px.
Full-width post image
: Image width at least 1180px. 
Standard post image w/ sidebar: Image width at least 850px.
Grid and List thumbnail images: Image width of at least 520px and height of at least 400px.