How To Edit Images In The WordPress Media Library

Learn how to edit images in the WordPress Media Library.

WordPress TutorialThis tutorial was created using an earlier version of WordPress and may contain outdated information. Please bookmark this page as we will be updating this tutorial soon! To be notified of updates to our content, subscribe to our updates list (see sidebar), or Like our Facebook page.

***

When you upload media files to WordPress like images, videos, audios, documents, etc., these can be managed from your Media Library and inserted into your site’s content.

You can perform a number of basic image edits in WordPress, including rotating, cropping, and resizing of images.

Complete the step-by-step tutorial below to learn more about editing images in the WordPress Media Library.

How To Edit Images In The WordPress Media Library: Step-By-Step Tutorial

Once an image is uploaded to the WordPress Media Library, you can perform a number of basic editing functions, as you will see shortly.

To edit an image immediately after it has been uploaded to your Media Library, click on the Edit link next to the image …

How To Edit Images In The WordPress Media Library

You can also edit an image by hovering your mouse over an image in the Media Library table and clicking on the Edit link …

How To Edit Images In The WordPress Media Library

This opens up the Edit Media screen …

How To Edit Images In The WordPress Media Library

The Edit Media screen allows you to manage all of the information associated with your media.

Just to summarize, you can reach the Edit Media screen from:

Editing Image File Attributes

In the Edit Media screen, you can perform the following basic edits:

  1. Change the title of your image
  2. Edit the Permalink of your media file attachment page.
  3. View the Attachment Page associated with the file
  4. Edit your image further (see next section below)
  5. Add a caption to your image
  6. Add an alternative text (alt text) to the image
  7. Add an image description

How To Edit Images In The WordPress Media Library

How To Edit Images In The WordPress Media Library

To help you get an idea of what the above fields do, have a look at the example screenshot below:

When you edit an image in the Edit Media screen and add the information below …

How To Edit Images In The WordPress Media Library This is what the above will look like when you view the file’s attachment page …

How To Edit Images In The WordPress Media Library

Info

Note: Comments added to media files can be managed in the Comments section …

How To Edit Images In The WordPress Media Library

Also, see the More Edit Media Options section further below for additional options relating to using comments in your media files.

Another important section of the Edit Media screen is the Save meta box. The Save meta box displays information about your media, such as the file upload date, file URL, the actual file name (i.e. not the file title), file type, and image dimensions …

How To Edit Images In The WordPress Media Library

This section also allows you to Delete Permanently or Update any changes you have made to your image …

How To Edit Images In The WordPress Media Library

Editing Image Files

In addition to editing image file attributes such as the title, caption, description, etc., you can also make some basic edits to the image file itself. To edit an image file in the Edit Media screen, click on the Edit Image button below the image …

How To Edit Images In The WordPress Media Library

The Image Edit screen will appear …

How To Edit Images In The WordPress Media Library

Above the image, you will see a row of buttons giving you access to several useful image editing controls …

How To Edit Images In The WordPress Media Library

Note: The edits you make to your image in this section are non-destructive — you can restore the image to its original (uploaded) specifications at any time.

Image Editing Controls

Here are the various controls available to you in Edit Image mode:

  1. Crop Image Tool: Click directly on the image and drag while holding the left mouse button down to draw a selection box around the area you want to crop. You can use your mouse cursor to grab the selection box and fine-tune its shape, as well as use keyboard shortcuts to fine-tune your crop selection. When you are happy with your selected area, click on the Crop icon to crop your image.
  2. Rotate Image Counter-Clockwise: Click this icon to rotate your image counter-clockwise.
  3. Rotate Image Clockwise: Click this icon to rotate your image clockwise.
  4. Flip Image Vertically: Click this icon to flip your image vertically.
  5. Flip Image Horizontally: Click this icon to flip your image horizontally.
  6. Undo Edit: Click this icon to undo your last edit.
  7. Redo Edit: Click this icon to restore your last edit.

Note: Clicking the Undo / Redo buttons successively steps you through previous edits.

Scale Image

Click the Scale Image link …

How To Edit Images In The WordPress Media Library

You can proportionally scale the original image by changing one of the input fields (width or height), and then clicking on the Scale button …

How To Edit Images In The WordPress Media Library

Notes:

  1. For best results, the scaling should be done before performing any other operations on it like crop, rotate, etc.
  2. If you make the image larger than the original, your image may become fuzzy.
  3. The original dimensions (e.g. 1024×768) are displayed above the input fields for entering new dimensions.

After clicking Scale, your image will be saved and scaled to the new dimensions …

How To Edit Images In The WordPress Media Library After scaling an image, a Restore Original Image link appears under the Scale Image link. Click this link if you would like to restore your image to its original dimensions …

How To Edit Images In The WordPress Media Library

A button will then appear below the link. You can discard any changes you have made and restore the original image by clicking on the Restore image button. Note: any previously edited copies of the image will not be deleted …

How To Edit Images In The WordPress Media Library

Image Crop

You can use this feature in combination with the Crop Image Tool button by first drawing a desired crop selection box around the image, then using the Image Crop tool to make the following precise adjustments.

  1. Crop Aspect Ratio: Specify the crop selection aspect ratio then hold down the Shift key while dragging to lock it. You can use values like 1:1 (square), 4:3, 16:9, etc. If there is already a crop image selection over the image, then specifying the aspect ratio will automatically adjust the selection.
  2. Crop Selection: Once the selection process has started, the selection can be adjusted by entering new values (in pixels) into these fields. Note: these values are scaled to approximately match the original image dimensions. The minimum selection size equals the thumbnail size as set in your WordPress Media Settings.

How To Edit Images In The WordPress Media Library

If you need help with this section, click on the (help) link …

How To Edit Images In The WordPress Media Library

Additional information about the Image Crop section will be displayed. To close this information panel, just click on the (help) link again …

How To Edit Images In The WordPress Media Library

Thumbnail Settings

You can select whether your image edit applies to one of the following:

  • All image sizes
  • Thumbnail
  • All sizes except thumbnail

If you need help with this section, click on the (help) link …

How To Edit Images In The WordPress Media Library

Additional information about the Image Crop section will then be displayed. To close this information panel, just click on the (help) link again …

How To Edit Images In The WordPress Media Library

When you have finished editing your image, click on Save to save your changes and return to the Edit Media screen, or click Cancel if you don’t want to apply any of the changes you have made …

How To Edit Images In The WordPress Media Library

After making changes to your image file, you can view its attachment page by either:

Clicking on the View Attachment Page buttons in the Edit Media screen …

How To Edit Images In The WordPress Media Library

Or clicking on the View link associated with the image in your Media Library …

How To Edit Images In The WordPress Media Library

The attachment page will then load in your browser with your image displayed …

How To Edit Images In The WordPress Media Library

More Edit Media Options

Some additional options for editing media in the Edit Media screen are not visible by default.

To enable these, click on the Screen Options tab at the top right-hand of the Edit Media screen …

How To Edit Images In The WordPress Media Library

You will see a number of additional options:

  • Discussion: Controls the ability to leave comments and/or trackbacks and pingbacks on the media attachment page. Tick the checkbox to enable an option, uncheck to disable.
  • Comments: Displays current comments on the media attachment page. You can add a new comment or show existing comments.
  • Slug: Allows you to edit the slug for attached media items.
  • Author: Allows you to change the Author for attached media items by selecting a new author from the drop-down menu.

To automatically enable and make one or more of these options visible on the page, simply check the box next to the item in Screen Options > Show on screen (note: unchecking the box hides the item) …

How To Edit Images In The WordPress Media Library

When enabled, the selected options become visible below your main edit area …

How To Edit Images In The WordPress Media Library

Remember to click the Update button after making any changes that you would like saved.

How To Edit Images In The WordPress Media Library Useful Tip

Useful Tips

Tip #1: Viewing Attachment Pages You can view attachment pages for your media files by clicking on View Attachment Page in the admin toolbar …

How To Edit Images In The WordPress Media Library

Tip #2: Keyboard Shortcuts When cropping your image, the keyboard combinations below can help you fine-tune the size of the crop frame.

Note: The arrow key can be any of four arrow keys: up arrow, down arrow, left arrow, or right arrow:

  • Arrow: move by 10px
  • Shift + arrow: move by 1px
  • Ctrl + arrow: resize by 10px
  • Ctrl + Shift + arrow: resize by 1px
  • Shift + drag: lock aspect ratio

Congratulations! Now you know how to edit images in the WordPress Media Library.

***

"I am beyond impressed with what you have put together. I can tell that you put a ton of hard work into building what you have. You have the absolute best content on WordPress I have ever seen!" - Robert T. Jillie

Disclaimer: We have no direct association with WordPress or any of the products discussed on this site. We may receive a financial benefit or affiliate commission from sales of third-party products advertised on this site. All product images remain the copyright of their respective owners and comply with all license terms and agreements of use to the best of our knowledge.

Get Thrive Leads for WordPress

***

Did you enjoy this article? If so, please consider using the social buttons below to share this page with with other website owners.

Author: Martin Aranovitch

Martin Aranovitch is the founder of WPCompendium.org and has authored hundreds of FREE WordPress tutorials for beginners. WPCompendium.org provides detailed step-by-step tutorials that will teach you how to use WordPress with no coding skills required and grow your business online at minimal cost!

Originally published as How To Edit Images In The WordPress Media Library.