Easy Way To Edit Images In WordPress: Resize, Flip, Rotate, And Crop Explained

There is a simple way to edit images in WordPress using the WordPress Image Editor so that you don’t have to buy an image editor program for your computer.

In this article, I show you how to resize images in WordPress, flip images in WordPress, rotate images in WordPress, and crop images in WordPress.

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

This post may contain affiliate links. Please read our disclosure policy for more information.

Edit Images In WordPress

Often the size of an image you want to use when creating a WordPress post or when creating a WordPress page is not the ideal size or dimensions.  If you have an image editor on your computer you can edit the image before you upload the image.

However, WordPress has a simple image editor that you can use to resize, flip, rotate, and crop images.  This is especially useful if you have already uploaded an image and want to edit the image.

Below, I show you how to resize images in WordPress, flip images in WordPress, rotate images in WordPress, and crop images in WordPress.  I also show you how to edit the image thumbnail.

BONUS

Learn how to make money from your blog with our FREE guide to the 28 Best Ways to Monetize A Blog For Profit.

Download My Bonus!

How to Monetize a Blog in 28 Ways. Learn to make money from home with these blog monetization tips.

WordPress Image Editor

There are two ways to access the image editor so that you can edit images in WordPress.  The first way to access the WordPress image editor is from the Media Library.  The second way to access the WordPress image editor is from the WordPress text editor when you are editing a WordPress post or when you are editing a WordPress page.

WordPress Image Editor From Media Library

To access the WordPress image editor from the Media Library, follow these steps:

1. Select “Library” from the “Media” menu on the WordPress Admin.

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

2. Click the image you want to edit

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

3. The “Attachment Details” dialog will be displayed

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

4. Click the “Edit Image” button

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

The WordPress Image Editor is now displayed.  See sections below on how to resize, flip, rotate, and crop images.

WordPress Image Editor From WordPress Text Editor

To access the WordPress image editor from when creating a WordPress post or creating a WordPress page with the WordPress text editor, follow these steps:

1.  Select an image in the WordPress text editor

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

2.  Click the Edit button below the image

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

3.  The “Image Details” dialog will be displayed

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

4.  Click the “Edit Original” button

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

The WordPress “Edit Image” dialog is now displayed.  See sections below on how to resize, flip, rotate, and crop images.

Resize Images In WordPress

Before you flip, rotate, or crop an image, you should scale the image to make it smaller instead of afterward.  To resize or scale an image in WordPress, follow these steps:

1.  From the WordPress Image Editor, go to the “Scale” section

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

2.  Enter new dimensions in the text boxes next to the “Scale” button.  The first text box is for the width of the image.  The second text box is for the height of the image.  The text boxes will update automatically based on the value entered in the other text box.  This keeps the image from becoming distorted.

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

3. Click the “Scale” button.  The image size is resized.

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

Flip Images In WordPress

You can flip an image in WordPress either horizontally or vertically.  Use the flip buttons above the image.

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

Click the “Save” button to save the flipped image.

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

Rotate Images In WordPress

You can rotate an image in WordPress either to the right or to the left.  Use the rotate buttons above the image.

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

Click the “Save” button to save the rotated image.

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

Crop Images In WordPress

To crop an image in WordPress, follow these steps:

1.  Place your mouse over the image and then make a selection by holding down the mouse button.

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

2.  The size of the selection is displayed in the “Selection” text boxes

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

3. Click the crop button to crop the image.

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

4. The image is now cropped.  Click the “Save” button to save the cropped image.

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

You can also crop the image using an aspect ratio.  This allows cropping the image to certain dimensions such as a square (use 1;1) or common aspects such as 4:3 or 16:9.  To crop the image using an aspect ratio, follow these steps:

1.  Enter an aspect ratio in the two text boxes.  The left text box is for width and the right text box is for height.

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

2.  Place your mouse over the image and then make a selection by holding down the mouse.  You can move the selection box by clicking on it and moving your mouse.

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

3.  The selection box will automatically follow the aspect ratio.  The size of the selection is displayed in the “Selection” text boxes.

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

4.  Click the crop button to crop the image. The image is now cropped.  Click the “Save” button to save the image.

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

Undo Edits To WordPress Image

Sometime when you are editing an image in WordPress, you will want to undo an edit you have made.   To undo a change,  select the “Undo” button.

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

To redo a change that you have undone, select the “Redo” button.

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

Restore Original Image After Editing

Sometimes you want to revert all the edits you have made to an image.  You can restore the original image by expanding the “Restore Original Image” section and clicking the “Restore Image” button.

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

The image is now restored to its original size.

Edit An Image Thumbnail

The image thumbnail is a reduced and square version of the original image.  As you make changes to the WordPress image, the thumbnail will change to reflect the edits.

There are three options for editing a thumbnail.

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

Select the “All image sizes” radio button under “Apply changes to” to update the thumbnail the same way the original image is updated.

Select the “Thumbnail” radio button under “Apply changes to” make changes only to the thumbnail image and not the original image.

Select the “All sizes except thumbnail” to make changes to original image but not the thumbnail image.

Update Image In WordPress Post or WordPress Page

After you have made your changes and clicked the “Save” button on “Edit Image” dialog, the “Images Dialog” will be displayed.  Select the “Update” button to update the image in the post or page.

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

The image will be updated in the WordPress text editor.

Want To Edit Images In WordPress? Professional WordPress User Shares Secrets For How To Resize, Rotate, Flip, And Crop Images In WordPress. #blogging #wordpress

BONUS

Learn how to make money from your blog with our FREE guide to the 28 Best Ways to Monetize A Blog For Profit.

Download My Bonus!

How to Monetize a Blog in 28 Ways. Learn to make money from home with these blog monetization tips.

Want to get up and running quickly with your WordPress blog without the hassle of picking a hosting company and installing WordPress and essential features?

Website Buoy offers plans that include WordPress hosting, WordPress installation, WordPress Themes customizations, essential features, and support so that you can start blogging right away.

Check out our WordPress Design Services.

By |2018-12-17T11:14:08-07:00December 18th, 2018|WordPress|0 Comments

Leave A Comment