Working with images

Once you've added an image to your page, what next?

Dan Kemp avatar
Written by Dan Kemp
Updated over a week ago

Resize and rotate

Click on an image to make it active. You'll see a blue border appear, with blue handles in each corner and a green handle at the top.

To resize an image, drag the blue handles to increase or decrease the size. If you're using a touchscreen, you can drag the handles with one finger (note: you can't use a pinch and zoom motion to resize images). Notice how the image height and width (in pixels) displays in the top left corner.

To rotate, click on the green handle and you'll see it changes to an arrow. While holding down the mouse, move it left and right to rotate the image. On a touchscreen, you can use two fingers to rotate the image. Notice how the angle of rotation displays in the top left corner.

Image Inspector

When you click on an image and then click Inspector (i) button, you get a number of other options:

Add an image citation to the page

Click on the 'Add attribution to page' button and the image attribution will appear in a text box underneath the image. The link to the original source image will become active when the book is in Read mode.

Learn more about copyright and attribution.

Adding a link to an image

Here's how you add a Hyperlink. You can either copy and paste the URL (web address) or you can link the image to specific page in your book. Just type the page number in.

NOTE: Links aren't active until you switch to Read Mode or publish the book online.

Adding alt text to an image

Likewise, you can follow the same procedure to add alt text to an image. This is a description of the image that is used by screen readers to help visually impaired users read the book (the more descriptive, the better). You add the alt text where it says Accessibility.

Layering and locking the image

If you right-click on the image, you'll see a little menu appear. With this you can:

  • Move the image to the front/back - this will re-order which layer the image exists on. For example, if you're using a photo for a background image, you would move it right to the back so everything else you add to the page appears in front of the image.

  • Lock - you can lock the image in place so it can't be moved (useful if you're creating a template).

Can I crop images?

Yes! Right click on an image (or use the Inspector) to crop the image. Go freestyle or lock the aspect ratio to make it the right size to fit your page.

Did this answer your question?