Skip to main content

Getting Started with LibGuides (Library Staff Only): Add Images

A guide for library staff when creating new libguides

About This Page

Images can be added to any text box in LibGuides or to the text section of other kinds of boxes.

Your LibGuides account includes an Image Library to which you can upload images to use in your guides.

Information on this page covers:

  • Adding images to your Image Library
  • Inserting images from your library into your guides
  • Aligning images with text

Image Sizes

the Maximum width that will fit in a left column box is 180 px

the maxium width that will fit in a center column box = 420 px

Adding Images from Your Computer to LibGuides

  1. In the text editor, go to the place in a text box that you want the image to appear and click on the image icon (picture of a tree).


  2. Click on the link (in red letters) that says "Click to upload an image from your computer or reuse an image in your personal image library."


  3. Click on the Browse button, navigate through your computer's files to the image file you want to upload, and select it.  The file location should then appear in the Browse box.


  4. Click on the Upload Image button. The image will be added to your Image Library and will appear with all of your other images.


  5. Double click on the image and then hit the Insert button.  (To insert an image already in your Image Library, skip steps 3 & 4.) 
    NOTE: You can also type the name of an image file in the Filter by File Name box to find it among your images.  (See Managing Your Image Library at left for more on this.)

  6. Depending on how you want to align the image, you can then either leave the alignment at "Not Set" or change it.  (See Aligning Images & Text for more information.)

NOTE: If you upload a new image but do not want to insert it immediately, just close the Image Manager box and hit cancel.  The uploaded image will remain available in your Image Library for later insertion into this or other guides.

Aligning Images and Text

In addition to entering the Image URL, there are several settings you can adjust when you add images to a LibGuides text box. 


 Default Setting

If you leave the image aligment as "Not Set" (the default), any text you type will begin to the right of the image aligned with the bottom of the image (as shown here).  If it is long enough to wrap, it will continue underneath the image. This setting is the one to use if you want to add the button to the middle of your text. If you want a display image, use Left-Aligned

 Left-Aligned

If you want the text to appear next to the image, change the alignment drop-down menu to left.  It will then look like this.  Notice that there is also more space between the picture and the text.  This is controlled by changing the horizontal space setting from blank, or 0, to a certain number of pixels.  (Here it is set to 3.) Again, if the text is long enough it will wrap underneath the image.

Right-Aligned 

Alternatively, you can change the alignment drop-down menu to right.  It will then look like this.  This example also uses a wider horizontal space. (10 pixels instead of 3.)

 

 

 

 

 

Art & FGSS/GWS Librarian

Alex Chappell's picture
Alex Chappell