Services

Work

Call

Editing Images in WordPress

Published: June 2014

You may or may not be aware that WordPress comes bundled with its own basic image editing facilities.  This week our WordPress Weekly blog is covering editing images in WordPress

Any images which you use on your WordPress website will be automatically uploaded into the Media Library.  To access the Media Library you will need to login to your installations Dashboard and navigate to Media -> Library on the left hand side menu. Once this page has loaded you will see a list of all the images (and documents) you have ever uploaded to your WordPress site. Select the image you would like to edit by left clicking on the name.

This screen will now show you a full preview of the image stored in the Media Library.  You will notice just below the image preview, a button labelled Edit Image.  Clicking this button will take us to the image editing options for this image.

Once this screen has loaded you will see we have a few options available to us for editing this image.

  1. Cropping
  2. Rotating
  3. Flipping
  4. Undo/Redo
  5. Resizing

1. Cropping

The cropping functionality lets you remove any unwanted areas of an image so you can focus on a particular area of an image.

To do this you will need to click and drag your mouse to select the area of the image you wish to focus on.  When you are happy with the area you have selected, simply click on the Crop button located above the image preview.

This will crop the image to the selected area and will now show you the new image.

Edit image

After you are happy with the cropping results, don’t forget to click on the Save button or click Cancel if you wish to discard your changes.

2. Flipping

You have two options available for flipping your images, vertical and horizontal.  Once you have decided which way you would like to flip your image you can use the appropriate buttons.

Be sure to click Cancel or Save depending on if you are happy with your results.

3. Rotating

Just like with flipping your images, rotating has two options, clockwise and counter-clockwise.  Once you have decided which way you would like to rotate your image you can use the appropriate buttons.

Again, be sure to click Cancel or Save depending on if you are happy with your results.

4. Undo/Redo

Just like most software, WordPress image editing functionality has the ability to Undo and Redo and changes which you make to your images. You can use the appropriate buttons.

Edit image

5. Resizing

Before you start rotating, cropping and flipping your images you may find it helpful to proportionally scale your image.  This functionality can only be used make images smaller and not larger.

Simply enter a value into the fields below and the other will pre-populate with the correct value.  The boxes are setup so the first field is the width and the second is the height.

Once you are finished entering in your values, simply click Scale.

Once you have scaled an image, you will notice the new addition of the Restore Original Image box.

If you would like to discard your changes and simply revert back to your original image, click the Restore Image button.

Saving images

 

That’s all for this week, but don’t forget to check out our other WordPress posts!

Sign up to receive our latest articles hot off the press