WordPress Featured Image Sizes Explained (Best Sizes for Your Blog)

If you’ve ever uploaded a photo to your WordPress site only to find it looks blurry, cropped in a weird spot, or just doesn’t seem to fill the space the way you expected — you’re not alone. Questions about WordPress featured image sizes come up constantly, and the answer isn’t always as simple as “just upload a bigger photo.” There’s actually a lot going on behind the scenes, and once you understand how it works, you’ll never struggle with this again.

In this post, we’re going to break down exactly how WordPress handles featured image sizes, how Kadence specifically approaches images using ratios, why your images might look blurry or off-center, and what you can do to fix it.

What Is a Featured Image in WordPress?

Before we get into sizes, let’s quickly cover the basics. A featured image is the primary image associated with a post or page. It’s the image that shows up in your blog feed, on archive pages, in search results snippets, and sometimes at the top of the post itself if you have that featured enabled.

Getting your featured images right is important for more than just aesthetics. A well-sized, high-quality featured image makes your site look polished and professional. It also plays a role in social sharing — when someone shares your post on Facebook, Pinterest, or Twitter, the featured image is typically what gets pulled into the preview. 

How WordPress Handles Image Sizes

When you upload an image to WordPress, it doesn’t just store the original file and call it a day. WordPress actually generates several additional versions of that image at different sizes automatically. These resized versions are what get used in different spots around your site — your blog feed might use a smaller cropped version, while the full post might display something closer to the original.

WordPress has a few default image sizes built in — thumbnail, medium, and large — but themes can also register their own custom sizes depending on what the design calls for. This is why the “right” image size can vary from theme to theme.

How Kadence Handles WordPress Featured Image Sizes Differently

If you’re using a Kadence Child theme,  which is what all the themes at Restored 316 use, you’ll notice that it takes a slightly different approach to image sizing than older frameworks did.

Rather than defining exact pixel dimensions for every image slot on your site, Kadence uses image ratios. An image ratio defines the proportional shape of an image space — think 16:9 for a wide cinematic look, 4:3 for a more traditional photo proportion, or 1:1 for a perfect square. Instead of demanding your image be exactly 800px by 500px, for example, Kadence says “this space should be a 16:9 rectangle” and then scales and crops your image to fill that shape.

This approach has a significant advantage: your image will always fill the designated space completely, regardless of the exact dimensions of the photo you uploaded. There are no awkward white gaps or partially filled image containers. The portion of your image that gets displayed will be the center, scaled up or down to fill the ratio.

So Why Do My Images Still Look Bad?

Here’s where a lot of people get confused. If Kadence always fills the image space no matter what you upload, why do some images still look terrible? The answer comes down to one thing: resolution.

Filling a space and filling it well are two different things. When WordPress needs to display your image at a size larger than the original file, it has to stretch the image to make it fit. And stretching a small image beyond its original dimensions causes it to look blurry and pixelated — the same way a small JPEG looks terrible when you try to blow it up to poster size.

Here’s a simple example. Say you upload an image that is 300px wide. Now, that image needs to fill a space in your blog feed that displays at 800px wide on a desktop screen. WordPress will stretch that 300px image to 800px to fill the space — but in doing so, it’s essentially inventing pixel information that wasn’t there in the original. The result is a soft, blurry image that makes your site look amateurish, even if the photo itself is great.

This is why the size of the image you upload genuinely matters, even with a ratio-based system like Kadence.

What Are the Best Featured Image Sizes to Upload?

There’s no single universally correct answer here, because it depends on your specific theme setup. However, there are some solid general guidelines that will serve you well for most WordPress sites running Kadence.

For standard blog post featured images, uploading an image that is at least 1200px wide is a safe baseline. This will cover most standard blog feed layouts and in-post displays without any stretching or quality loss.

For hero images and full-width banners  (the large images that often span the entire width of the screen at the top of a page)  you should be uploading images that are at least 1920px wide. On high-resolution or retina displays, going up to 2560px wide would be ideal.

In terms of file size, you want your images to be large enough to look sharp, but not so large that they slow your site down. A good target is to keep individual image files under 200KB where possible. Plugins like Smush or ShortPixel can compress your images without visibly reducing quality, but I typically will run my files through this Image Compressor before I even upload them to my website. .

What About Cropping? Can I Control Which Part of the Image Is Visible?

Since Kadence crops from the center of your image to fit the ratio, the center of your photo is always what gets shown. This works great for a lot of images, but it can cause problems if your subject matter is off to one side or positioned near the top or bottom of the frame.

The best solution here is to think about your composition before you upload. If you’re using a photo where the main subject is centered, you’re unlikely to have any issues. But if you’re working with a landscape photo where the interesting part is off to the right, or a portrait where the person’s head is near the top of the frame, you might find the crop cuts off something important.

If you notice that you consistently are uploading portrait or horizontal images but your featured image size is set to square, you can always update the image ratio to fit your images better.

How to Change the Image Ratio in Kadence

One of the things that makes Kadence so user-friendly is that you don’t need to touch any code to adjust your image ratios. Where you go to make the change depends on where the images are appearing on your site, so let’s walk through both scenarios.

Changing the Image Ratio in a Posts Block

If the images you want to adjust are appearing inside a Posts Block on one of your pages, which is the block most commonly used to display a grid or list of recent blog posts, here’s how to change the ratio:

1. Open the page in the WordPress block editor
2. Click on the Posts Block to select it
3. In the settings panel on the right side of your screen, click the Style tab
4. Look for the Image Settings section
5. From there you’ll find the option to change the Image Ratio — select whichever ratio works best for your layout

This change will only affect that specific Posts Block on that specific page.

Changing the Image Ratio for All Archive Pages

Archive pages include your main blog page, category pages, tag pages, and any other automatically generated listing pages. If you want to change the featured image ratio across all of these at once, you’ll do it through the Customizer rather than the block editor:

1. Navigate to Appearance > Customize
2. Click into Posts/Pages Layout
3. Select Archive Layout
4. Scroll down until you see the Post Item Layout section
5. Click to open the Featured tab
6. Choose your preferred Image Ratio from the available options

Because this setting lives in the Customizer and applies globally, any change you make here will roll out across every archive page on your site simultaneously, your blog feed, every category page, every tag page, all of it. So it’s worth previewing the change before publishing to make sure it looks right across a few different pages.

Which One Do I Need to Change?

Not sure which setting applies to your situation? Here’s a quick way to think about it:

• Posts Block — You have a home page, recipe index, or category silo page. Change the ratio inside that specific block on those pages.
• Archive pages — These are the pages WordPress generates automatically, like your main blog feed or a category page. In that case, you’ll change the ratio in the Customizer.

It’s also worth noting that these two settings are independent of each other, so you may need to update both if you want your image ratios to be consistent across your entire site.

Quick Troubleshooting Guide

If you’re still having issues with your WordPress featured image sizes, here’s a quick checklist to work through:

Image looks blurry? Your uploaded image is too small for the space it’s filling. Replace it with a larger version, aim for at least 1200px wide for standard blog images.

Wrong part of the image is showing? Kadence crops from the center. Pre-crop your image before uploading to control exactly what’s visible.

Image isn’t filling the space completely? Double-check that you have an image ratio selected in your Kadence block or theme settings, rather than a fixed height option that might be leaving empty space.

Wrapping Up

Understanding WordPress featured image sizes doesn’t have to be complicated. With Kadence’s ratio-based approach, the system is more flexible than ever, but that flexibility only works in your favor when you’re uploading images that are large enough to look sharp at any display size.

The simple rules to remember: upload large images (1200px wide minimum for blog posts), keep your subjects centered, and use the built-in Kadence controls to dial in the ratio that works best for your design. Follow those three guidelines and your featured images will look great across every device and every screen size.

Share This Post