Using Images Research Guide

Image Sites

Inserting Images In LibGuides

How to use LibGuide Image Manager

Adding Images in a Textbox

STEP 1: Locate the box you would like to add an image to. Click and select Rich Text/HTML

STEP 2: From the Rich Text window, select the  to insert an image.  You now have two ways of inserting an image:

OPTION 1: copy and paste the image's URL (such as from a Google image search) 

OPTION 2: browse your server to locate an image you have saved. This will bring you to the LibGuides Image Library where you will need to upload the image to your image library. Once the image is uploaded, click the  to insert the image in your guide.

STEP 4: Resize your image if necessary

  To edit an image the you have inserted into a guide, right click on the image and select image properties while in edit mode,

Resizing Images

1. While in the edit mode in your Rich text box you can resize and arrange your image
2. Right Click on your image and choose Image Properties     
                          
3. The image properties screen allows you to change the width and height of your image. You can also add a border and use HSpace and VSpace                                                                                                               
4. URL: this contains the URL for your image from your Image Manager library
5. Alternative Text: It is strongly recommend to add descriptive alternative text so that your image is accessible to users of screen readers.
6. Width and Height: customize the dimensions of your image.
   • When the padlock icon is locked, entering a width or height will automatically calculate the other dimension so your image retains its aspect ratio.
   • You can click on the padlock icon to toggle the aspect ratio on/off.
   • To restore the default dimensions, click the Reset Size icon.
7. Border: enter a value to apply a border around your image. The larger the value, the thicker the border
8. HSpace and VSpace: enter a value in these fields to apply a margin around the image.
   • Use the HSpace to apply a margin to the left and right sides.
   • Use the VSpace to apply a margin to the top and bottom.
9. Alignment: use this to align the image to the left, or right of the Rich Text/HTML content item.  If you want your item centered in your box,  center the cursor in the box and then add the image.