Images in Brightspace
Quick Start Guide

Use images in Brightspace to:

  • Reinforce information
  • Break up long blocks of text
  • Create visual interest

This guide will direct you to:

Replace Images

Some templates come with placeholder images.

To replace images:

1. Edit HTML

Open the context menu beside the topic’s title and select Edit HTML.

2. Delete placeholder image

Select image and press Delete key.

After deleting the image do not move the cursor or perform any other actions except inserting your new image.

 

3. Click Insert Image icon

4. Upload new image

When prompted, add alternative text to describe the image, or where appropriate, mark as decorative.

Image size guidelines

Course Banner

Use on course homepage.

Recommended size: 2400px wide x 960px high

Page Banner

Use at the top of content pages.


Recommended size: 1200px wide x 400px high

Instructor profile picture

Use on Meet your instructor template.

Recommended size: at least 600px wide

Align Full

Use on v3 template pages.


Recommended size: 1200px wide x any dimension high

Right and Left aligned

Use on v3 template pages.


Recommended size: 300px wide x 300px high

Images Template

In the Select a Document Template menu there is a template title 008_images_v3. This template includes samples of images and instructions for adding and changing images.

Near the bottom of the template page are options to copy left and right aligned images with text wrapped around as well as a full width image.

1. Select template example
In edit mode, select everything between “start copy” and “end copy”
2. Copy selected content and paste in your new page

Note: the destination page must be using a template.

 

3. Replace placeholder image
  1. Select placeholder image.
  2. Press Delete.
  3. Click Insert Image in toolbar.
  4. Upload image, add alt text or mark as decorative.

Remember

Images are a great way to reinforce information.

If an image contains information, you must provide a text alternative. Either in plain text adjacent to the image such as a paragraph or caption or as alternative text coded into the image.

If an image does not contain information or the information is provided in alternate format, mark the image as decorative.

It is possible that when creating content using templates images or other elements may move out of alignment or otherwise break. Contact EdTech for assistance, we’re here to help.

Contact edtech@langara.ca for more information.

License

Quick Start Guides for EdTech Tools Copyright © by Briana Fraser; dianethompson; Julian Prior; Katherine Cheung; Susan Bonham; and Luke McKnight. All Rights Reserved.

Share This Book