Newbie’s Information to WordPress Picture Sizes (+ Finest Practices)

  • January 2, 2023
  • elkenz
  • 9 min read

Do you need to find out about WordPress picture sizes?

Typically newbies ask us about what picture sizes they need to use on their WordPress web site, and the way WordPress handles pictures in numerous areas.

On this newbie’s information, we’ll clarify frequent WordPress picture sizes, and share greatest practices on the way to know which sizes to make use of in your web site.

WordPress image sizes explained for beginners

What’s an Picture Dimension?

Picture dimension normally refers back to the width and peak of a picture measured in pixels. As an example, 1600×900 pixels means a picture that’s 1600 pixels broad and 900 pixels in peak.

Image size in dimensions

These measurements additionally known as picture dimensions.

Principally, a picture with bigger dimensions has extra pixels in it which can result in a rise in picture file dimension.

Picture file dimension is the house a picture file occupies on a pc, and it’s measured in bytes. As an example, 100 KB (kilobytes).

If a picture is bigger in file dimension, then it’s going to take longer to obtain for customers and have an effect on your web site’s pace and efficiency. That’s why it’s vital to maintain the picture file dimension as small as doable, whereas maintaining the picture on the proper dimensions.

Which brings us to picture file codecs.

Picture file codecs are the compression applied sciences to avoid wasting your picture information. The most typical ones used on the net are JPEG and PNG.

Pictures like pictures that include extra colours may be higher compressed by utilizing JPEG file format.

Then again, pictures like illustrations with fewer colour particulars can use PNG for one of the best outcomes.

For extra particulars on picture file codecs, take a look at our article on the way to optimize pictures in WordPress.

That being stated, let’s check out what picture sizes to make use of in WordPress for various areas of your web site.

What Dimension Ought to My Pictures Be for My WordPress Website?

For a median WordPress web site, you’ll be utilizing pictures in a number of areas of your web site. You’ll want pictures on your weblog posts, thumbnails, web page headers, cowl pictures, and extra.

WordPress robotically handles a number of the picture file sizes by default. Everytime you add a picture, WordPress will robotically make a number of copies of it in numerous sizes.

Automatic copies of images in different sizes

You possibly can view and even alter the default WordPress picture sizes by visiting Settings » Media web page within the WordPress admin space.

You’ll see three sizes for Medium, Thumbnail, and Massive.

Default image sizes in WordPress

Nevertheless, your WordPress theme could create its personal extra picture sizes and use these for various sections of your web site.

These sizes is not going to be seen on the Media display, and the one approach to view these extra sizes is by going to the File Supervisor in your WordPress internet hosting account.

Then navigate to /wp-content/uploads/ folder and choose any yr folder there to browse. This may allow you to see all the assorted picture sizes your WordPress web site is producing.

With that stated, let’s check out completely different areas of your web site, and what picture sizes you need to use in these areas.

What Picture Sizes to Use in Weblog Posts

It’s worthwhile to select picture dimension on your weblog posts primarily based in your WordPress theme.

As an example, some WordPress themes include a single column format which lets you use wider pictures.

Image in a single column layout

Then again, some WordPress themes use multi column layouts (content material + sidebar) which suggests you could alter the picture width accordingly.

Two column layout

For many blogs you should utilize the next picture sizes:

  • Single column format: 1200×675
  • Two-column format: 680×382

Now, you may discover that many widespread WordPress web sites use the identical picture width for all their pictures inside an article. Nevertheless, this isn’t a strict rule.

As an example, if you could add ‘Media and Textual content’ block, then you may alter the picture dimension accordingly. Within the instance beneath, we’re utilizing a picture in portrait dimension subsequent to some textual content.

A blog post showing image in portrait size next to some text

Equally, you could need to use sq. pictures for some conditions.

As an example, right here is an instance of sq. pictures utilized in a multi-column format.

Square images in columns

When utilizing sq. pictures, you merely have to ensure that the picture dimensions have the identical width and peak equivalent to 300 x 300 pixels.

What Picture Sizes to Use for Featured Pictures

Featured pictures, additionally known as publish thumbnails, are a WordPress theme function. That signifies that your theme will decide what dimension pictures to show.

As an example, some WordPress themes could use normal 16:9 facet ratio for featured picture sizes (for instance, 680×382 pixels).

Some WordPress themes may use the featured picture as a bigger header picture. To try this, they could want bigger pictures (like 1200×675).

Feaatured image used in cover

Featured pictures are vital since your WordPress theme could use them in numerous areas of your web site. They’re typically the very first thing your guests see, so that you’ll need to make a great first impression.

We advocate utilizing bigger pictures, so that they nonetheless look lovely whether or not they’re scaled down or utilized in wider modes.

Featured image inside container

Equally, in case your WordPress theme makes use of sq. pictures for featured picture, then we might advocate utilizing pictures which are no less than 600×600 pixels.

  • For themes that use rectangular featured pictures: 1200×687 pixels
  • For themes that use sq. featured pictures: 600×600 pixels

Your WordPress theme will generate extra sizes for featured pictures to make use of in numerous space equivalent to homepage, weblog web page, or archive pages.

Featured images on homepage

What Picture Sizes to Use for Social Media

Now in case your WordPress theme is utilizing featured pictures which are 16:9 in facet ratio, then you may as well use them as social media pictures for Twitter and Fb.

Nevertheless, you’ll have to explicitly inform these platforms which picture you need to show when somebody shares an article out of your web site.

To try this, you’ll want the All in One search engine marketing plugin for WordPress. It’s the greatest WordPress search engine marketing plugin in the marketplace utilized by over 3 million web sites. It helps you optimize your web site for search engines like google and yahoo and social media platforms.

Notice: There’s additionally a restricted free model of All in One search engine marketing which you can attempt.

First, you could set up and activate the plugin. For extra particulars, see our step-by-step information on the way to set up a WordPress plugin.

Upon activation, the plugin will launch the setup wizard. Observe the on-screen directions to finish the wizard. It’s also possible to see our information on the way to arrange All in One search engine marketing for step-by-step directions.

After that, you could go to All in One search engine marketing » Social Networks web page and change to the Fb tab. From right here you may set ‘Featured Picture’ as your default Open Graph picture supply.

Default image for Facebook Open Graph

You possibly can then change to Twitter tab and do the identical.

Don’t overlook to click on on the Save Modifications button to retailer your settings.

Now, in case your WordPress theme used pictures in a unique dimension, then Fb and Twitter could not be capable of show these pictures correctly.

In that case, you may present social media platforms with a customized picture.

Merely create a picture with 16:9 facet ratio (1200×675 pixels or 680×382 pixels). Then edit the publish or web page and scroll all the way down to AIOSEO Settings part beneath the editor.

From right here, you could change to the Social tab and scroll all the way down to Picture supply part. From the drop down menu, choose Customized picture after which add your Fb picture.

Set custom image for Facebook

You’ll have to repeat the method on Twitter tab as effectively.

You’ll have to do that for all of the articles you publish to make sure that social media use the picture you need them to make use of.

For extra social media picture sizes, see our WordPress social media cheat sheet for newbies.

What Picture Dimension to Use for Web site Brand in WordPress

Many WordPress themes will let you already know what picture dimension you need to use on your web site brand.

As an example, our demo theme exhibits this message once we tried to add a brand.

Logo image size recommendation

Nevertheless, if you’re utilizing a more recent WordPress theme with full web site enhancing function, then you could not get a suggestion for brand picture dimension.

In that case, we advocate importing completely different sizes and styles to see what appears greatest on your model. A brand picture dimension of 300×200 pixels could be a good start line.

Site logo block editor

Enhancing Pictures for Your WordPress Web site

Most WordPress customers are usually not graphic designers by occupation. Nevertheless, you’ll want to make use of picture enhancing software program to create picture sizes on your WordPress web site.

WordPress itself comes with some fundamental picture enhancing instruments. To make use of them, merely go to the Media » Library web page and click on on a picture.

This may open the picture in a popup the place you’ll see a button to edit picture.

Edit image in WordPress

This may open the enhancing choices.

The instruments embrace fundamental picture resizing, cropping, rotate, and flipping.

Image editing options in WordPress

This fundamental picture enhancing turns out to be useful for those who rapidly want to repair a picture. Nevertheless, it isn’t one of the simplest ways to edit your pictures each day.

Fortunately, there are a number of free and cheap choices that you should utilize.

  • Canva – free net primarily based picture enhancing software program. It additionally consists of prepared made templates for web site pictures, logos, social media pictures, and extra.
  • Pixlr – A freemium net primarily based picture enhancing software program. Can be utilized to simply resize pictures on your weblog posts.
  • Gimp – Free and open supply picture enhancing software program. It really works as a local desktop app on Home windows, Mac, and Linux. Can be utilized to resize pictures, add layers of textual content, edit photographs, and extra.

We hope this text helped you study extra about WordPress picture sizes and what picture sizes to make use of in your web site. You may additionally need to see our information on how to decide on one of the best web site builder or our skilled choose of greatest WordPress plugins for small enterprise websites.

When you preferred this text, then please subscribe to our YouTube Channel for WordPress video tutorials. It’s also possible to discover us on Twitter and Fb.