LibGuide Resources: LibGuide How-to

Adding images in Text

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.

Understanding terms for free images

• Creative Commons is a nonprofit organization that enables the sharing and use of creativity and knowledge through free legal tools. There are various types of Creative Commons licenses that range from allowing any type of use with no attribution to allowing only certain uses and no changes.
• Public Domain Works in the public domain are those whose copyrights have expired, have been forfeited, or are inapplicable. Finding something on the internet does not mean it is in the public domain.
• Royalty-free images aren’t necessarily free. In most cases, you’ll have to pay a one-time fee to obtain the rights to use the image. Then you can use it as many times as you like. The “free” in “royalty-free” only means that you do not have to pay royalties to the owner of the image every time you use it

Attribution

While some licenses say no attribution is required, it is polite to attribute if we can.  At least an URL should be given in case someone would like to see more information about the image.

Attibution is a legal requirement.

Correct attributions should have:

• Title: The title of the image.

• Author: The name of the creator.

• Source: The URL where the image is hosted (plus optional link to author profile).

• License: The type of Creative Commons license it is available under, including a link to the relevant license.

Example: “Winter in town”, by David J, licensed under CC BY 2.0

Attribution Builders:

Images Sites