WordPress has a great image editor built in that users typically don’t take advantage of. This is a fantastic tool to resize, crop and otherwise manipulate images after you’ve already uploaded them to your media library. Just follow the steps below to and and edit your images right in your dashboard!
Step1 : Select Your Image
First things first – you need an image. To upload a new image navigate to Media > Add New. Or use image you already have by going to Media > Library and selecting an image from there. Click on the image title to open it.
Step 2: Open The Editor
Once you’ve chosen an image and opened it, you should see a page similar to this one.
From here you can give your image a title, description and a caption. But what we’re interested in is the “Edit” button just below the image preview.
Step 3: Edit Your Image
When the editor opens you’ll have a few options to alter your image.
To crop the image, simple use your mouse cursor to set your crop selection. You can adjust the cropping size by drag and dropping the edges of your selection. Once you’re happy with the cropping border, just click on the icon to crop your image to its new size.
Use this to rotate your image counter-clockwise. Each click will rotate the image 90 degrees (or a quarter turn) to the left.
Use this to rotate your image clockwise. Each click will rotate the image 90 degrees (or a quarter turn) to the right.
Flip your image vertically, so the bottom of the image will now be at the top.
Flip your image horizontally, so the left side of the image will now be on the right.
Click to undo any changes you’ve made. Click back one change at a time.
Click to redo a change you’ve undone. Click forward one change at a time.
Use the scale image option to proportionally resize your image. This is a great tool if you like the image, but just need it to be a certain number of pixels or wide or tall. Just type in the pixels you want (width x height) and click the “Scale” button to resize.
In addition to the drag and drop cropping tool, you can also use this section to crop your image to a specific dimension. Enter in you cropping ratio (width by height). Then hold down shift as you click and drag to make your cropping selection. As you drag your cursor the crop selection size in pixels will be displayed below the ratio you set. You can also set your aspect ratio after you have already made your cropping selection.
The last image edit option is the thumbnail settings. You can choose to apply your changes to all variations of the image, just the thumbnail, or everything except the thumbnail.
Save Your Changes
Don’t forget save your changes! You don’t want to have to go back and redo all your edits do you?
Just in case you are an indecisive person, or if you accidentally edited the wrong image, there is a built in WordPress safety net. After you’ve saved you changes you will be taken back to the media item page. Just click on the edit button again. You will not notice a new option for “Restore Image” just to the right of the image preview. Click this button and you image (and it’s thumbnail) will be reverted back to the way it was originally.
Now that you know how to use all the WordPress image edit features and options, go try it out! It’s a super handy and useful tool when adding images to posts or pages, and can even save you a few seconds (compared to opening up image editor software/apps on your computer).