Skip to Main Content

Best Practices and Standards (NEW VERSION)

libMQ;Macquarie bookmarklet;trouble shooting;Australian access federation;browzine;endnote click;google scholar;libkey nomad;mendeley web importer;open access button;unpaywall;vpn;

Best practice for images

  • When uploading an image be sure that it is the appropriate size for displaying on a web page. Large images can take a long time to load, especially on mobile devices. LibGuides will allow you to upload images up to 5MB. See Scalable images below for more information on image size.

  • Be sure to give your image a name that makes sense. A series of numbers will be harder to find later, but if you give it a name like Bio_143_frogs.png. you will be able to quickly tell that the image is for the Biology Class 143 and is of frogs.

  • Be sure to use the alt text field (see Accessibility: Images and text).

  • When adding new images, be sure to organise them in your Image Manager. It is much easier to find your images if you aren't looking through pages of images.

  • Consider whether or not an image would add context to your text. It's okay for an image to be used purely for decorative purposes, but don't let your images detract from the text.  

  • Remember that images are subject to copyright. Whenever possible, images should come from the public domain or Creative Commons. All other images and media should be accompanied by attributions. The attribution should be directly beneath the image, in the caption field, or located in the lower left box on the page.

  • Images can link out to external resources. It's best to ask "Will linking out add to the user's experience?" If so, then go ahead (eg linking a logo image to a vendor's website).
     

These guidelines have been developed based on Springshare's best practice for images. Visit their website for more information.

Using Image Manager

To add an image to your guide, choose the 'Rich Text/HTML' content type. Then click on the image button in the text editor:

image button screenshot

This will open the Image Properties box. From here you can insert a URL or click 'Browse Server' to find an image you have saved. It is recommended to choose an image you have already saved, as sometimes URLs change or are taken down, and the image will then be broken.

imagr properties screenshot

When you click 'OK' it will take you to the Image Manager. From this screen you can either select an image you or someone else has used previously, from the Personal or Shared Library, or upload a new image from your computer.

Once you select or upload an image it will take you back to the Image Properties screen, where you can add in your ALT text and change the size of your image. (Remember to use % or leave blank so that it can respond to screen size. See Scalable Images).

Now your image will be embedded in the Rich Text box, and saved in the Image Manager for future use.

Manage your Personal Library using the folder and keyword functions so that you can easily access images for reuse. Below is an example from my Personal Library:

personal library screenshot

 

Scalable images

In order for images to scale correctly to the size of the screen you must follow one of the two options below:
 

1.  Leave the sizing boxes blank when you upload an image to your guide

V1    V2 

Note: if you choose this option you must resize your image to the correct size for display prior to uploading it to your LibGuide. You can use a program like Paint or Photoshop, or a web-based image editor to do this.

 

2. Use a percentage size rather than a pixel size

V1  image percent size v1 screenshot V2  V2 percentage image sizing screenshot

Note: using this option may take some trial and error to get the percentage right. It may also look incorrect in the editing box, but fine on the LibGuide itself, so save and close the editing box to preview.