Editing an Image
WordPress has a basic image
editing tool that allows you to perform some simple manipulation with your
uploaded images. You’re able to rotate and flip your images as well as scale
them and crop them to different sizes.
When editing the file
properties of an image (as opposed to other file types like documents or PDFs),
click the Edit Image button that
appears just below the image to show the image editing tools.
If you click the Edit Image button whilst using the Grid View, the image editing tools will
appear in the pop-up window.
If you click the Edit Image button whilst using the List View, your page will look slightly different to the above Grid View. As well as the image editing
tools, you’ll also see the properties of the file such as the file size and
dimensions. You can also still update the Caption, Alternative Text and Description.
No matter what view you’re using, just above the
image you’ll find the following image editing buttons:
To scale your image to a new
size, simply enter the width or height dimensions in the appropriate
field and click the Scale button. For
best results, scaling should be done before performing any other operations
like cropping, flipping or rotating the image. It’s important to note that
images can only be scaled down, not up.
After entering
one scale value, the other value will change automatically so as to keep the
image in proportion. The original image dimensions are displayed just above the
input fields, for your reference.
There are several ways to crop your image. The
easiest is to simply click on the image and drag the selection box to the
appropriate size. If you’d like your image cropped to a specific ratio, enter
the values in the Aspect Ratio input
fields (e.g. 1:1 (square), 4:3, 16:9 etc.). You can then hold down the shift key and drag one of the edges of
your selection to enlarge or reduce the size, while keeping this aspect ratio
locked. If there is already a selection made, specifying the aspect ratio will
automatically change the selection to match it.
Whenever the selection box is adjusted, the
dimensions are displayed in the Selection input fields. You can also manually enter the dimensions of the selection box (in pixels) by entering values into
these two fields. Once your selection box is adjusted, simply click the Crop button just above the image to crop
the image to this new size.
By selecting one of the
options in the Thumbnail Settings panel, you have the option to apply your changes to All image sizes, just the Thumbnail image or All sizes except Thumbnail.
Click the Save button to save
your changes.
Click the Update button to
return to the main Media Library page.
If you’d like to revert back to your original
image, click the Edit Image button
again to return to the image editor. A new Restore
Original Image link is displayed just below the Scale Image link. Click the Restore
Original Image link and then click the Restore
image button to discard your changes and restore your original image.
Related Articles
Inserting an Image
Using the WordPress media manager, it’s extremely simple to insert, align and link your individual images and image galleries. To insert an image into your Page/Post, click the Add Media button (" ) and then simply drag your image(s) from wherever ...Editing the File Properties
If you’re viewing your files using the Grid View, simply click on one of your media files and you’ll be presented with a pop-up window that displays the relevant properties for that particular file. After updating each field your changes will be ...Edit or Delete an Image Gallery
Editing or Deleting an Image Gallery is much like editing or deleting an image. After clicking on an Image Gallery that has been inserted into your Page or Post, two icons will appear on top of the gallery. Clicking the Edit button (") allows you to ...Insert an Image Gallery
WordPress has its own simple built-in Image Gallery that allows you to add multiple images to a page in one easy step. To insert an image gallery into your Page/Post, click the Add Media button (" ). A pop-up window will display that looks the same ...Fullscreen Editing
WordPress allows for fullscreen composing. It provides for complete distraction free editing of your Page or Post. To enter fullscreen mode simply click on the Distraction Free Writing button (" ). With the Distraction Free Writing button turned on, ...