How to edit an image in WordPress : crop, resize, flip, rotate

WordPress offers the ability to do basic image editing on the dashboard itself. You need not go to any image editing software for doing basic edits like crop, resize/scale, flip and rotate. This adds to the user's convenience and one can edit images on the fly, just before adding to a post/page.

Editing Images

So, how do you edit images.

  1. From your post editor, click on Add Media to insert an image.

2. Upload an image file. In the Insert Media screen, you will notice an Edit Image link under Attachment Details. Click on this to edit the image uploaded.

2. Alternately, if the image is already uploaded, go to Media Library, click on Edit below the chosen image file. Now you get the Edit Media screen. Click on the Edit Image button below the image.

Cropping Images

Cropping an image to a required size is a basic need before publishing any image.

  1. Click on the image and drag the mouse to select an area.
  2. Once a selection is made, the Crop option above the image is enabled.
  3. Click on it to crop the image.
  4. The size of the selection in pixels is displayed in the Image Crop metabox on the right.
  5. Save the changes.

Alternately, you may choose to crop to a selection based on an aspect ratio. In this case,

  1. In the Image Crop metabox, enter the Aspect ratio, say 16 : 10.
  2. Click on the image and drag the mouse while holding on to the Shift key.
  3. The selection is made in the particular aspect ratio.
  4. Click on it to crop the image.
  5. The size of the selection in pixels is displayed in the Image Crop metabox on the right.
  6. Save the changes.

Flipping Images

Images can be horizontally or vertically flipped by clicking on the options above the image.

Horizontal Flip:

A horizontal flip causes the image to flip right/left (mirror image).

Vertical Flip:

A vertical flip causes the image to flip upside down.

Rotating Images

You can also rotate the images 90 degrees either in the clockwise direction or in the anti-clockwise direction, using the options above the image.

Resizing Images

To resize an image, enter the required dimensions (width x height in pixels) in the Scale Image metabox. You can enter either width or height to maintain the aspect ratio.

If you enter one dimension, the other dimension is automatically determined based on the aspect ratio. Click on Scale to resize to the new dimensions.

Click on Save.

Finally, click on Update to update the media image of all the changes.

Doc created by: Menaka S.