Editing Images

There are editing tools that can help you edit image details and resize, crop, scale, or replace your images after upload.

Edit Image Details

To edit image details for an image you have already added to a chapter:

  1. Edit icon on top of an image in the visual editorSelect 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

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

The Image Details window

From this interface 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

Crop, Rotate, or Scale an Image

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 page.

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.

Replace an Image in One Location

To replace a single image in your book:

  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 and upload a new image
    Replace Image window
  4. Click Replace

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

Replace an Image Globally

The previous method only replaces an image used in one particular location in your book. If you’ve used an image in multiple locations in your book would like to replace this image globally:

  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 page Arrow 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.

Note: You can also globally replace an image from the Media Library instead of from your chapter editor.

Chapter Attribution

Editing Images chapter in Pressbooks User Guide by Pressbooks shared under a CC BY license.

License

Icon for the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License

NSCC Pressbooks Guide Copyright © 2024 by Nova Scotia Community College is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License, except where otherwise noted.