17 Image Editing

You can edit your images from within the Pressbooks platform. This is useful if you don’t have image editing software or if you’re on a device without it. This chapter will explain:

  • advanced image editing functions in Pressbooks
  • how to use them

1. How to Get Into the New Image Editing Menu

  • Click on a chapter containing an image you’d like to edit.
  • Once in edit mode in the chapter, click on the image.
  • Click on the pencil icon at the top left of the image.
editing_in_platform

This will bring up the image editing menu.

Image editing menu

Image editing menu

The first screen that appears allows you to edit the image’s relative size, alignment and how it displays, just as you could from the Media interface.

2. Image Editing Functions

Once in the image editing menu, you can edit many aspects of the image.

  • Click on Edit Original to see additional editing options (pictured below).
Editing Interface screen two

Editing Interface screen two

  • On the right, you can scale an image (this keeps the image’s current aspect ratio when making it smaller or larger).
  • You can also crop an image. Indicate the desired aspect ratio or dimensions.
image editing icons

image editing icons

  • The icons at the top left will allow you to Crop, Rotate Clockwise, Rotate Counterclockwise, Flip Vertically or Flip the image Horizontally.
  • Scroll down.
Thumbnail editing

Thumbnail editing

  • This tool allows you to manage the image Thumbnail Settings separately from the edits you’re making to the image. So you can make them the same or different.

3. Advanced Options

It’s very important for images to be styled in CSS divs. Pressbooks now allows you to apply CSS styles to your image.

Image CSS customization menu

Image CSS customization menu

  • Give your image a title.
  • Indicate your image’s CSS class. (In CSS stylesheets, each CSS class will apply its own style. This tells Pressbooks which CSS style to use for that image.)
  • You can also style the image’s link and decide whether it should open a new browser window or not.