How you can Create the Good WordPress Featured Picture (Sizing & Design Information)

To attract new guests to your web site, it’s possible you’ll take into account publishing weblog posts recurrently. Nonetheless, with out featured pictures, your posts possible gained’t look inviting sufficient to earn clicks.

Luckily, you’ll be able to simply create well-designed featured pictures to your articles. As soon as you know the way to search out the appropriate photographs, dimension them accurately, and optimize them for engines like google, you’ll be able to immediately revitalize your WordPress posts.

On this put up, we’ll clarify what a featured picture is. Then, we’ll share some recommendations on the way to use them. Let’s get began!

What’s a Featured Picture?

In WordPress, the featured picture is the visible illustration of a selected put up, web page, or {custom} put up sort. When somebody visits your web site, these pictures will normally seem on the high of posts or in your weblog feed:

WordPress featured images

Primarily, the featured picture is the default thumbnail of your put up. If somebody shares the put up on social media, this picture will seem with the hyperlink:

Social media featured image

In WordPress, the featured picture settings are decided by your theme. This contains the situation and dimension of your pictures.

Sometimes, featured pictures are displayed within the following locations:

  • The highest space of posts or pages
  • Pages in your web site that hyperlink to weblog posts, like your WordPress homepage, really useful posts part, or search outcomes
  • Thumbnails for social media hyperlinks

Typically, featured pictures could also be included in picture galleries or sliders. You might also see them as background pictures.

The Benefits of Utilizing Featured Photographs

If you happen to’re new to WordPress, you may be questioning why you want a featured picture for each put up in your web site. Nonetheless, these may be the important thing to creating a very good first impression with new guests.

After customers click on on a hyperlink to one among your posts, featured pictures are sometimes the very first thing they’ll see and this could have interaction them sufficient to proceed studying the article:

Post featured image

You’ll possible have an inventory of your revealed posts in your homepage. You may encourage guests to learn your content material by together with well-designed featured pictures.

Plus, having a featured picture for every put up might help you determine visible consistency in your web site:

Home page featured images

If you share your posts on social media, featured pictures might help promote your content material to customers shopping their feeds. A well-designed picture can improve engagement and generate extra clicks to your web site.

What’s the Perfect WordPress Featured Picture Measurement?

As we talked about earlier, totally different WordPress themes can have varied sizes for featured pictures. Nonetheless, the overall dimension is 1200 x 628 pixels.

Right here’s how this could look with the default Twenty Twenty-Two theme:

Featured image size

This dimension will work successfully with many WordPress themes. Nonetheless, your featured picture sizing could differ primarily based in your private desire and the structure of your theme.

It’s essential to notice that WordPress will resize your pictures to its default settings. Everytime you add a picture, it creates three totally different variations:

  • Thumbnail: 150 x 150 px
  • Medium: 300 x 300 px
  • Massive: 1024 x 1024 px

If you wish to hold the unique dimension of the featured picture, this will probably be its ‘Full Measurement.’ To edit any of those sizing choices, you’ll be able to navigate to Settings > Media:

WordPress media settings

Right here, you’ll be able to replace the width and peak with new values. When you save your modifications, uploaded pictures will resize to those dimensions.

You may also add a {custom} featured picture dimension. Earlier than you achieve this, it’s a good suggestion to again up your web site. After this step, you’ll be able to add the next code to your capabilities.php file:

add_image_size( string $identify, int $width, int $peak, bool|array $crop = false )

Be certain that to replace these values together with your new featured picture sizes. Right here’s an instance of how this may look:

add_image_size( 'post-thumbnail dimension', 800, 1500 );

Subsequent, you’ll have to show the brand new dimension inside your theme. In your theme template file, replace the_post_thumbnail() perform:

if ( has_post_thumbnail() ) {
the_post_thumbnail( 'your-custom-size' );

When you save the file, you’ll have a brand new custom-featured picture!

Get Content material Delivered Straight to Your Inbox

Subscribe to our weblog and obtain nice content material identical to this delivered straight to your inbox.

How you can Set a Featured Picture in WordPress

To set a featured picture, open your WordPress dashboard and create a brand new put up. Then, within the right-hand sidebar, search for the Featured Picture part:

Add WordPress featured image

Right here, click on on Set Featured Picture. It will open a pop-up the place you’ll be able to add your media file. Alternatively, you’ll be able to choose a picture out of your Media Library:

Select featured image

If it is advisable alter the scale, discover the Edit Picture button. Then, use the assorted enhancing choices to scale, crop, rotate, or flip the picture as wanted:

Edit featured image

If you’re carried out, hit Set featured picture. You’ll now see a preview of the picture when you create the put up:

New WordPress featured image

Earlier than you publish the put up, you’ll need to preview it to make sure the featured picture is displaying. Keep in mind that your theme could require extra particular dimensions to work accurately. You may discuss with your theme’s documentation if you happen to expertise difficulties throughout this course of.

Moreover, you’ll be able to set up just a few plugins to make this course of simpler. For instance, Auto Featured Picture will routinely use the primary photograph in your put up because the featured picture. You may also use Default featured picture to pick an image that will probably be used as a featured picture in case you neglect so as to add one to a put up.

How you can Create the Good WordPress Featured Picture (6 Suggestions)

Featured pictures can flip your web site into an attractive, media-rich expertise. Let’s talk about some greatest practices for creating them!

1. Be Related and Constant

When used accurately, featured pictures can improve your weblog posts and make them extra engaging to guests, however there are some things you’ll want to remember.

First, you’ll need to keep away from utilizing random pictures. A featured picture ought to function an introduction to a put up, so it must be related to the content material.

For instance, if you happen to run a meals weblog, you most likely publish posts with new recipes. On this case, your featured picture generally is a photograph of the completed meal:

Relevant featured image

It’s additionally good observe to maintain your featured pictures constant all through your total web site. Since these will probably be displayed in your homepage, archive, and weblog, you’ll need photographs that align together with your internet design:

Consistent featured images

To seek out the appropriate featured picture, take into account your present WordPress theme and structure. Then, choose a high-resolution picture that may be simply scaled down. After you end creating the put up, ensure that to preview it to guage how effectively the picture matches into your web site.

2. Keep away from Utilizing Copyrighted Photographs

As you’re shopping pictures on the Web, it’s possible you’ll stumble throughout a photograph that may look nice as a featured picture. Nonetheless, earlier than you add it to your WordPress web site, you’ll want to make sure that it isn’t copyrighted to keep away from authorized points.

When sourcing pictures, you’ll be able to sometimes use something underneath a Inventive Commons license. These will probably be free to obtain and use in your web site, besides in the event that they’re for business functions.

To seek out Inventive Commons pictures, open Google Photographs. Then, click on on Instruments > Utilization Rights > Inventive Commons licenses. When you refine your search, you’ll get a wealth of free pictures to select from:

Creative commons images

There are additionally total web sites with these inventory pictures. On a platform like Unsplash, you’ll be able to obtain high-resolution photographs which might be free from copyright claims:

Unsplash website

One other various is to make your individual featured pictures. By taking photographs your self or creating graphics in Canva, you’ll be able to be certain that you keep away from any copyright violations. Plus, these will probably be fully authentic!

3. Optimize Featured Photographs to Cut back File Measurement

If you happen to publish posts regularly, featured pictures will begin taking on quite a lot of area in your Media Library. In the event that they aren’t optimized correctly, these photographs might negatively have an effect on your web site efficiency.

Primarily, optimizing your pictures includes decreasing their file sizes. By compressing your featured pictures, you’ll be able to decrease your loading time.

If you happen to don’t do that, you would find yourself with a poor Core Internet Vitals rating. Photographs may take too lengthy to render, and also you’ll see efficiency points in your PageSpeed Insights reviews:

Failed Core Web Vitals report


Luckily, there’s a simple resolution for this frequent picture subject. A plugin like TinyPNG can routinely compress pictures as you add them:

TinyPNG plugin

Plus, you’ll even have the ability to compress all pictures that you just’ve already uploaded to your web site. TinyPNG enables you to bulk optimize any JPEG, PNG, or WebP pictures in your Media Library.

4. Regenerate Outdated Thumbnails

If you add pictures to WordPress, it’ll resize them in response to the pixel tips in your settings. When you set new default sizes, your beforehand uploaded pictures will nonetheless have the outdated sizing.

If you wish to resize your featured pictures, you’ll be able to manually reupload them. Nonetheless, this can take a while.

To unravel this downside, you’ll be able to set up a WordPress plugin like reGenerate Thumbnails Superior. This instrument can regenerate the thumbnails for every of the photographs in your Media Library:

Regenerate Thumbnails Advanced plugin

After you put in and activate the plugin, go to Instruments > Regenerate Thumbnails. Below Regenerate Choices, choose the field subsequent to Regenerate solely Featured Photographs:

Regenerate featured images

Lastly, hit Regenerate. It will routinely replace all of your featured pictures with the proper sizing.

5. Optimize Photographs for Search Engines

As a web site proprietor, you most likely already know the way vitally essential Search Engine Optimization (website positioning) is. If you wish to keep away from paying for costly promoting strategies, you’ll need to rise to the highest of search outcomes by optimizing your content material. This might help you convey in additional natural site visitors.

Having featured pictures might help you enhance your web site’s website positioning. By merely tweaking just a few components, you may make your pictures extra interesting to engines like google and customers.

First, you’ll need to ensure that so as to add alt textual content. It will describe the featured picture to engines like google and display screen readers. As an illustration, you would write “Orange and white cat standing in a pumpkin patch”:

Featured image alt text

Keep in mind to incorporate the put up’s key phrase within the alt textual content. This manner, Google can perceive what the put up is about and rank it larger for associated queries. Equally, you’ll be able to embrace these goal key phrases within the title, caption, and outline for the featured picture.

6. Improve Social Put up Thumbnails

Social media may be the proper platform for selling your weblog posts. Earlier than you encourage social sharing, it’s essential to optimize your featured pictures for these platforms.

You may simply customise your social media hyperlinks utilizing a plugin like Yoast website positioning. For instance, the premium model allows you to see previews of your Twitter and Fb thumbnails.

To get began, set up and activate Yoast website positioning. Subsequent, discover Yoast website positioning > Social. On this web page, fill out the URLs to your varied social media pages:

Add social media accounts

Then, open a brand new put up and scroll right down to the Yoast website positioning settings. Within the Social tab, you’ll be able to click on on Choose picture to add your featured picture.

Featured image for social posts

You may also add a title and outline for every social media platform. It will give guests a style of your content material. When you publish the put up on social media, it’ll have a featured picture and snippet that conveys exactly what the article is about.

Use Featured Photographs Successfully

Featured pictures might help make your posts stand out. Whether or not persons are shopping your content material on social media or your web site, they’ll have a look at the featured picture to see what the put up is about earlier than they begin studying it.

To assessment, right here’s how one can create the proper WordPress featured picture:

  1. Be related and constant.
  2. Discover copyright-free pictures on platforms like Unsplash.
  3. Compress featured pictures with TinyPNG.
  4. Regenerate previous thumbnails with reGenerate Thumbnails Superior.
  5. Optimize pictures for engines like google utilizing keyword-focused alt textual content.
  6. Improve social put up thumbnails with Yoast website positioning’s social settings.

If you create your individual featured pictures, you’ll be able to construct an authentic web site with out going through copyright points. At DreamHost, our {custom} web site design providers might help you employ the appropriate pictures in your web site.

DreamHost Makes Internet Design Simple

Our designers can create a beautiful web site from SCRATCH to completely match your model and imaginative and prescient — all coded with WordPress so you’ll be able to handle your content material going ahead.

custom website design

Related Articles


Please enter your comment!
Please enter your name here

Latest Articles