Technical writing services by Espirian

What is the best blog image size in WordPress?


Do you include images in your WordPress blogs? You probably ought to. After all, no one wants to read walls of text.

Here’s how to get your sizing right, along with some tools and resources to help you find and use the right images.

⬆️ Back to top

Introduction

If you write a blog, the most important image is the one that’s most often splashed across the top of the page – the so-called ‘hero’ image. I’ve got one of these at the top of this post, for example.

When your blogs are shared on social platforms such as Facebook, Twitter, LinkedIn and Google+, it’s good for them to include the hero image, as that makes the content more appealing than a plain and boring link.

You can make sure your social shares include an image by using the Yoast SEO plug-in, which is covered below.

But what about the hero image itself? How big should that be?

That’s what the next bit’s about.

⬆️ Back to top

Hero image sizes and safe area dimensions

Your hero image should be this size:

Hero image size

1200×630 pixels

You should keep your important content away from the edges. Otherwise, you might see that parts of the image are clipped off when the content is shared on social media.

Safe area inside hero images

1110×610 pixels

Here’s what that looks like:

Ideal sizes for a blog hero image

Feel free to save the image and use it for comparison with your own images.

If you know how to use Photoshop, you can download the PSD original instead.

Download
blog-image-size.psd

Once you’ve got the image you want, you can insert it at the top of your post or, if your blog theme supports it, set it as a ‘Featured Image’ for the post.

Adding an image to your post in WordPress

⬆️ Back to top

How do I check the sizes of my images?

I’ve covered how to check pixel sizes in macOS, Windows and on the web in How do I check image dimensions?

⬆️ Back to top

Which image sizes work best on social media?

If you want to post images directly on social media, here are some sample sizes that work well:

More about Facebook and Instagram images

Instagram and Facebook work well with square images, e.g. 1080×1080 pixels.

But … both platforms support landscape images (e.g. 1024×576 pixels), and things can get a little messy because of display adjustments that are based on the orientation of your device.

Take a look at Buffer’s post for more on this:

The Ideal Image Sizes for Your Social Media Posts: Guidelines for All 6 Major Social Networks.

⬆️ Back to top

Useful image resources

Knowing your dimensions is all well and good, but what if you’re struggling to find some good images to begin with?

Designer Col Gray has put together a great resource for just this purpose:

35 free stock photography website catalogues and libraries

⬆️ Back to top

Free image-creation tools

If you want to create your own images for social media and your blogs, check out these free services:

⬆️ Back to top

Including hero images when sharing links on social media

If you use WordPress, you can include the right hero image whenever you post a blog link on social media.

To do that, install the Yoast SEO plug-in on your WordPress website. This will add an extra panel at the bottom of your WordPress editor.

As well as its other search engine optimisation (SEO) features, the Yoast plug-in lets you nominate the image you want to associate with each blog post, so that social shares include that image with the link.

The free version of Yoast doesn’t display a preview of the image in your WordPress editor, but that doesn’t matter if you’ve followed the sizing guidelines above.

Below is a screenshot of the premium version of Yoast, which does display a preview:

A view of the premium Yoast SEO plug-in for WordPress

⬆️ Back to top

Let’s wrap up

Good images will help your blog posts stand out, and using dimensions of 1200×630 pixels for your hero images means that your visuals will work well when your posts are shared on most social platforms.

If you use WordPress, make sure to add the Yoast SEO plug-in to make it easy to associate your social posts with your hero images.

Tools such as Canva and Pablo can help you produce images at the right dimensions for all social platforms, so give them a whirl and see whether they help you get your content noticed.

Are you using images well on your blogs? Let me know what’s helping you to #UnclogYourBlog by leaving me a comment below.

Thanks for reading,

Keep in touch

Join 323 others on my free Espresso ☕️ list and you'll receive:

  • 🔍 blog updates
  • 📘 free ebooks
  • 💰 discounts on consultancy
  • 🎟 offers and secret stuff

🔒  No spam, I promise