WordPress

What is and how to create the WordPress recommended featured image size

The WordPress featured image is the first impression and concept of the subject it belongs to. That’s why it must be adjusted to a certain size and standards to keep the best possible resolution and get the maximal visual quality in your post preview.In many cases, we find our featured image has not the best visual impact. Usually, this can be a result of a size incompatibility. In other words, the box or frame of your featured image is different from the image you are uploading.

This article also details the process and brings the tools to easily edit your article’s featured image for free, keeping a better quality with a smaller size, improving the download speed and your site performance.

All instructions described in this article include screenshots, making it easy for any WordPress user to apply them.

Creating the WordPress recommended featured image size:

For this tutorial, I decided to use an online tool named Photopea. This tool is surprisingly fast and versatile for working with images. Its dashboard is very similar to the widely known Photoshop by Adobe.

To begin, access https://www.photopea.com/ and follow the steps described below:

Press the New Project button to open the panel to select the proper size for your project.

Once in the panel shown in the image below, you need to adjust the following size for your image: Width 1024 x Height 1024 and 72 DPI.

The dimensions described above are the recommended standard, but you can adapt them, as I will explain later in this tutorial. Once you define the proper size, you can start creating your project by pressing the Create button located at the bottom of the panel.

To import the image to the created canvas, press the File option on the top menu, and then press Open & Place to find the file you want to resize. Select it.

To resize the image, simultaneously press the keys Ctrl+Alt+T. Increase the aspect ratio to resize the image from the canvas center. Then press ENTER.

Keeping the image aspect ratio; otherwise, the image may break easily, giving a wrong result.

To finish, press again the File option on the top menu, and then press Export As. Select the JPG format (You can select any image format you need, but JPG provides the best quality since we will compress it later using a different tool).

Now your image is resized correctly.

Compress the WordPress recommended featured image to increase site performance:

After resizing your image, it is convenient to compress it before uploading it to your site to avoid losing resolution quality.

For this, we will use another online tool named Image Compressor.

To begin, access https://imagecompressor.com/ and press the Upload Files blue button, then select the image you created using Photopea in previous steps.

You can use the Quality bar to adjust the quality level. The site will show you the compression level according to the quality level. The ideal size is less than 100 KB to prevent a low website performance. It must be the possible light size without losing quality. Take some seconds to check the preview and find the perfect balance.

Once you finish, press the DOWNLOAD ALL button. This step can be done with several files at once or individually; it can save a lot of time, as you can see.

Uploading your resized and compressed image to your site:

To upload the image to your site, access your WordPress dashboard. Then access the Post/Page where you want to add the image, and on the right menu, press Featured Image. You can upload the content’s featured image you created in previous steps.

WordPress allows you to configure the predefined size of boxes or frames containing your site images by default. This can be useful as a reference to know the standard size. You also can customize the size in case you need it.

To do it, on your WordPress dashboard left menu, press Settings. This will show additional options, press Media. This will show you a screen to define image sizes, as shown in the following image.

Here, you can determine the default size for your image sizes, including thumbnails, medium, and large sizes.

After defining your image sizes, press the Save Changes button to apply your customization.

Conclusion:

As you can see, resizing the WordPress featured image is an easy task. Any WordPress-level user can achieve it by following the steps described above. The tools used in this tutorial are extremely useful, even like the paid alternatives. It is essential to seek the best image quality while keeping the smaller possible size. This will result in a higher performance and download speed and a better experience for visitors.

Thank you for reading this WordPress tutorial explaining how to resize the WordPress featured image to get the recommended dimensions. Keep following us for additional WordPress tips and tutorials.

About the author

David Adams

David Adams is a System Admin and writer that is focused on open source technologies, security software, and computer systems.