How to Resize a JPEG Image in WordPress

Are you searching for an article that provides step-by-step details on resizing a JPEG image in WordPress? This article is a must-read as it features multiple methods to resize a JPEG image in WordPress.

This guide teaches two ways to resize a JPEG image on your WordPress website. Specifically, you will learn how to perform this task via the built-in image editor in the WordPress media library.

Additionally, this guide will teach you how to resize a JPEG image via the default WordPress block editor.

That aside, I will include an FAQ section in this guide. In that section, I will provide answers to some of the most asked questions related to resizing a JPEG image in WordPress.

The WordPress media library offers an easy option for resizing your JPEG images before adding it to a post or page. However, you will need to upload the JPEG image to the WordPress media library before you are able to resize it.

Hence, the first sub-section below will teach you how to upload an image to the WordPress media library. Then, the second sub-section will teach you how to resize a JPEG image in the WordPress media library.

How to Upload an Image to WordPress Media Library

1. First, use an administrator account to log in to the backend of your WordPress website. Then, hover your mouse on Media on the left pane and click Add New.

2. Afterward, click the Select Files button inside the dotted rectangular box on the Upload New Media page. Consequently, the Open window should automatically appear on your screen.

You can also upload an image to the WordPress media library by dragging and dropping the image inside the dotted box.

3. In the Open window, navigate to the location where you stored the picture you want to upload. Then, select the picture and click the Open button at the bottom right of the window.

4. Once you’ve done that, the image should be uploaded to your WordPress media library.

How to Resize a JPEG Image Through WordPress Media Library

1. Log in to the backend of your WordPress website with an admin account. Next, hover your mouse on Media on the left pane, then select Library.

2. Now, select the image you wish to resize on the Media Library page.

3. Once you’ve done that, click the Edit Image button under the image on the Attachment details page.

4. Consequently, a new Attachment details page will open. On the right pane of this page, you will see the image’s original dimensions under the Scale Image section.

5. Under that same Scale Image section, you will see New dimensions input boxes. Hence, input new width and height values for the selected image in those boxes to resize it.

6. After doing that, click the Scale button below the New dimensions boxes.

7. Consequently, the image will be resized according to the width and height values you inputted in the New dimensions boxes. Also, it will automatically be saved.

Resize a JPEG Image in WordPress Via WordPress Block Editor

Interestingly, you can also resize a JPEG image using the default WordPress block editor. Follow the steps provided below to learn how to do that.

1. Use an administrator account to log in to the backend dashboard of your WordPress website. Then, select Posts or Pages on the left pane, depending on where you want to resize a JPEG image.

2. Next, click the title of the post or page where you want to resize a JPEG image to open it. For this demonstration, we chose to open a post titled “Add Footnote.”

3. Wait for the post or page to open, then click the Add block icon (+ sign) in the area where you want to upload the image you wish to resize. Afterward, input “image” in the search box and select the Image block from the search result.

If the image you want to resize has already been uploaded to the post/page, you can move to step 6.

4. After doing that, click the blue Upload button in the Image block.

5. Consequently, the Open window will appear on your screen. Now, locate and double-click the image you want to upload in the Open window.

6. After the image has been uploaded, select it. Then, click the Settings icon at the top right corner of the page and ensure the Block tab is selected.

7. In the Block tab, click the Image Size drop-down and select a new size for the selected image from the options that appear. Alternatively, input new width and height values in the Width and Height input boxes under Image dimensions to resize the selected JPEG image – see the second screenshot.

8. Finally, click the Update button at the top right corner of the page to save the change.

Frequently Asked Questions About Resizing a JPEG Image in WordPress

My Final Thoughts About Resizing a JPEG Image in WordPress

Resizing images on your WordPress site is an important step in maintaining your website’s right look and feel. Fortunately, this guide has been able to demonstrate multiple ways to resize a JPEG image in WordPress.

Specifically, I explained two methods you can use to resize a JPEG image in WordPress in this guide. Hence, we learned how to perform this task through the built-in image editor in the WordPress media library.

I also provided steps to resize a JPEG image in WordPress via the default WordPress block editor.

I hope you found this WordPress guide interesting and helpful. We would love to know what you think about the guide and its procedures if you did.

Hence, kindly share your thoughts about this WordPress guide at Itechguides Community Forum. Aside from sharing your experience, you may also offer feedback or ask questions about this article at Itechguides Community Forum.

Finally, visit our WordPress & Websites How-To page for more guides like this.

References and Further Reading

1. wordpress.com – How to Resize an Image
2. Itechguides Community Forum