Skip to Main Content

USC LibGuides Committee Toolkit

This guide provides a central location for LibGuides, LibCal, and LibWizard training information, the LibGuides style guide, LibCafe recorded trainings and presentation slides, and the LibGuides Working Group policies and procedures.

Adding Images

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.

a. To upload and insert a new image, click the Upload New Image. You can upload any JPG, JPEG, GIF, PNG, or ICO file up to 5MB in size.

b. To insert an existing image, click on the Reuse this Image icon:  to insert the image in your guide.

STEP 3: If you would like your image to take the user to a specific webpage, select the tab that says "link" and copy and paste the desired URL into the box.

 

STEP 4: Resize your image as necessary.

 

STEP 5: Add Alternative Text (more information below)

Edit Image Properties Key words, alternative text save

Alt Text for Images

When you include images in your guides make sure that you have alternative text (alt text). There are two compelling reasons to use alt text on images in your guides:

  • Adding alternative text to photos is first and foremost a principle of web accessibility. Visually impaired users using screen readers will be read an alt attribute to better understand an on-page image.

  • Alt tags will be displayed in place of an image if an image file cannot be loaded.

  • This text is also used for SEO (Search Engine Optimization)

Add alt text to your image in the Image Properties window. Use complete descriptions for the image. For example, “Blue periodontology textbook” or “Map of Africa with malaria prevalence indicated in red”.

Instructions on how to add alternative text can be found here: https://ask.springshare.com/libguides/faq/2758