Where necessary, you should acknowledge the origin of the image (see Guidelines for using copyright material in teaching > Photographs, artworks and images). Respect the creator’s moral rights and, where required, attribute their details against the image. (Unless stated otherwise, work should be attributed/cited.) Another consideration, if using the internet to source images, is to ensure the image has come from a legitimate webpage source. It is a good idea to keep a record of what images you use, where you sourced them and any other details in case licensing changes over time or you need to reuse the image elsewhere. Read the usage rights carefully before you select an image for your site – make sure you understand how to use the image correctly.
If you are uploading a third
party image, you should select the relevant licence according to the terms/conditions the image was accessed under. For example, if the image
sourced was licensed as ‘All rights reserved’, you should choose ‘All
rights reserved’ when you upload it to FLO (see instructions below). If the image is available
under a Creative Commons licence, look at the individual
licence conditions to ensure you select the correct licence.
Creative Commons copyright for free use
Even if these images are for free use, check the attribution details anyway – you may still see the warning ‘Images may be subject to copyright’, or you may need to attribute the designer/contributor.
Go to Google images
Type in your search keywords
In the next screen, open ‘options’ (top-right corner – looks like a small cog)
Choose ‘Advanced search’ from the pull-down menu
Top field – type in keywords
Bottom field (usage rights) – choose ‘free to use, share or modify, even commercially’ (to be really safe)
Click the ‘Advanced Search’ button and select from the result
Use your own image
Where the image to be uploaded is your own creation, the University’s Intellectual Property (IP) policy should be referred to in determining any re-use
allowances and licensing rights (the University asserts
ownership of copyright in teaching material).
Upload an image
It might be helpful to source your images first, and store them in a folder for uploading to your FLO site. Make sure you resize your images outside of FLO. You can resize them in FLO when adding them, but it only appears as though they are resized – in fact, they remain the same size. The FLO site may take longer to load if you have large file sizes, so for usability it is best to resize large image files in image editing software such as Paint.net (free) or University-licensed software such as Adobe Fireworks or Photoshop. ITS can support installation (extension 12345).
Edit (if required) and store your image (see information above)
Go to the page, book chapter or wherever else you want to insert an image, that has the HTML editor toolbar
Click on the image icon in the toolbar
Click Browse repositories... then Choose File to find an image to upload
Choose license from the pull-down menu (if required). See Find free images, or Use your own image for more information. If the image is your own, you can select the default option (All rights reserved). Click Upload this file
Put a description for the image (Describe this image for someone who cannot see it) and choose the Alignment (left or right is a good choice, but the main thing is to be consistent with image placement in your topic site)
Click Save image
Provide a caption for an image
You may want to attribute your image if you have found it on the web, or simply provide a caption for what the image represents. There are several ways to do this, outlined below, from easiest to most difficult.
You could simply put a note (eg Image attribution: details here) in the module or resource (book, page etc) where the image is placed. This is the simplest method.
2. Use a 2-column layout
This option is part of the HTML editor in FLO. Note that if you choose this option in a module, the entire module will be in this format, not just the text and image. The other option is to create a label for your image, text and caption, and use the 2-column layout in that. This method means the rest of the module will be in normal (= 1 column) layout.
In your FLO resource/module, in the HTML editor toolbar click on the Show more buttons icon
From the toolbar menu (2nd row), select the Bootstrap Grid icon
From the pull-down Bootstrap grid icon menu, choose the layout option 25%, 75% Columns OR 75%, 25% Columns
Place your image in the 25% column and put text in the other column (these instructions assume your image has been resized in image editing software such as Snagit)
Click Save changes
3. Use bootstrap styling to create a 'container' for your image and caption
If you comfortable using HTML code, a cleaner way to create a container for your image and caption is to use a bootstrap style for images. This requires you to work in HTML view. To do this, click on the Edit HTML source icon in the page/book chapter or wherever the HTML editor is available.