70 Image Editing

You can edit your images from within the Pressbooks platform. These tools will be familiar to you if you’re used to working with images in WordPress. For best results we generally recommend first editing images outside of Pressbooks, but the features explained in this chapter can be useful if you don’t have image editing software on your device. Below we’ll explain the following concepts:

Basic Image Details

To edit an image that you have already upload into a chapter, follow these steps:

  1. Select the chapter containing the image you’d like to edit and access the visual editor
  2. Click the image so that the image toolbar appears
  3. Click the Edit “pencil” icon on the image toolbar

Edit icon on top of an image in the visual editor

This will open up the Image Details window, which includes a number of basic image settings.

The Image Details window

In this window, you can:

  • Add a caption
  • Add alt text
  • Select an alignment for the image
  • Set the image’s size
  • Link the image to its attachment page, its media file, or a custom URL
  • Set an image title attribute
  • Set an image CSS class (see more in the Custom Styles chapter of this guide)
  • Edit image link settings

To access additional image editing options, select the Edit Original button beneath the image on the right side of the Image Details window. This will bring you to the Edit Image settings.

Additional Image Editing Settings

Once you’ve opened the Edit Image window you’ll have access to additional image editing tools.

Edit Image window

Available image editing options include the ability to:

  • Crop
  • Rotate an image left or right
  • Flip an image vertically
  • Flip an image horizontally
  • Scale an image to your custom pixel dimensions
  • Crop an image to custom pixel dimensions and aspect ratio
  • Select whether customized image settings apply to the thumbnail version of an image

When you’ve finished changing your image’s settings, click Save. This will return you to the Image Details window, where you can click Update. You’ll then be taken back to the chapter’s visual editor. You can also hit Back to return to the Image Details window.

Replacing Images

If you’d like to replace a single image in your chapter, follow these steps:

  1. Click the Edit pencil icon to open up the Image Details window
  2. Click Replace underneath the image on the right side of the panel to be brought to the Replace Image screen
    The "Replace" button on the Image Details window
  3. Choose the replacement image from your Media Library or switch to the Upload Files tab to upload a new image in the original’s place
    Replace Image window
  4. Click Replace

You’ll be returned to the visual editor with the image replaced.

Note that the method previously described only replaces the image in the one specific location you’ve changed. If you’ve used one image repeatedly throughout your book and you would like to replace all of those images at once, follow these steps instead:

  1. Click the Edit pencil icon to open up the Image Details window
  2. Click Replace underneath the image on the right side of the panel to be brought to the Replace Image screen
  3. Scroll down the Attachment Details panel on the right side of the window until you reach the Replace Media section
  4. Click the Upload a new file button to be taken to the Replace Media Upload pageArrow pointing to "Upload a New File" button
  5. On the Replace Media Upload page, adjust your Replacement Options and Date Options as needed Replacement Options and Date Options settings
  6. Click the Choose File button and upload the new image
    Replace Media Upload page with a replacement image uploaded
  7. Click Upload at the bottom of the page

After the replacement image is uploaded, you’ll be brought to the Media Attachment page for the replacement image. Navigate back to your chapter via the left sidebar menu if necessary. For more information on the Media Replace tool, see the Enable Media Replace plugin by ShortPixel on WordPress.

NOTE: You may choose to edit or replace images directly from the Media Library instead of through the chapter. Once you’ve selected an image from the library, the same steps apply in all cases except single-image replacements, which must be performed from within the chapter editor.

 

License

Icon for the Creative Commons Attribution 4.0 International License

Montgomery College Pressbooks Guide Copyright © 2012 by Book Oven Inc. (Pressbooks.com) is licensed under a Creative Commons Attribution 4.0 International License, except where otherwise noted.

Share This Book