Adding and Editing Images

How to Add an Image

To add an image to your textbook, begin by going to the Page where you want to place the image. Select the spot where the image will go and mark it with your cursor. Then click on Add Media button.

page 39
Figure 21.1 Step 1 Place your cursor in the desired spot and click Add Media

If you haven’t uploaded any files into the Media Library yet, click on the Upload Files tab in the upper left corner and Select Files in the middle of that page. This will allow you to search for image files to add.

Note: files must be JPG, PNG or GIF. Other file formats will produce an error message and will not be accepted.
MediaLibrary
Figure 21.2. Step 2 Upload media

If you already have image files in your Media Library, simply select that tab and the image you want to add or insert. The selected item will be encircled by a blue border and have a blue/white check mark in the top right corner.

InsertMedia
Figure 21.3 Step 3 Select image from Media Library

Complete this task by clicking on the Insert into post button in the bottom right corner.

insert into post page 40
Figure 21.4 Step 4 Click the Insert into post button

 

 

Note: An image file must be uploaded into the Media Library for use. You cannot add an image by linking to an external source.

Finally, make sure that your image is centred correctly and is the appropriate size. We strongly recommend that;

  • All images are centred
  • The width does not exceed 500 pixels
  • The length does not exceed 500 pixels

See “Editing an Image” below for details on how to adjust an image.

Images that do not follow the above guidelines often produce PDFs that are less readable. A PDF file is one of the many formats offered for most textbooks in our collection. It is also used to create requested print-on-demand copies.

Editing an Image

To change the placement or size of an image that has been added to a page, simply click anywhere on the image. You should see a pencil icon and an X. Use the pencil to edit the image and the X to delete the image.

EditImage
Figure 21.5 Use the pencil icon for editing an image

After you click on the pencil icon, the Image Details box will appear. Here you can;

  1. Enter text for the image’s caption. (See Captions and Image Attributions for details)
  2. Under DISPLAY SETTINGS, select Center
  3. Using the Size dropdown list, determine if any of the sizes are the correct size for your image. If not, then select Custom Size…
EditImage2
Figure 21.6 Select placement and image size

4.    Using the Width OR Height boxes, enter the correct number of pixels. Note that changing one of these parameters, e.g., Width, will automatically adjust the other, e.g., Height.

5.  Ensure that Media File is selected by the Link To dropdown list.

EditImage3
Figure 21.7 Customize the size and make sure the image is linked to its Media File

6. Save changes by clicking the Update button in the lower right corner of the page.

update page 42
Figure 21.8 Save with the Update button

License

Icon for the Creative Commons Attribution 4.0 International License

USask Open Textbook Authoring Guide - Ver.1.0 Copyright © 2016 by Distance Education Unit, University of Saskatchewan is licensed under a Creative Commons Attribution 4.0 International License, except where otherwise noted.

Share This Book