Skip to main content
Ontario Tech acknowledges the lands and people of the Mississaugas of Scugog Island First Nation.

We are thankful to be welcome on these lands in friendship. The lands we are situated on are covered by the Williams Treaties and are the traditional territory of the Mississaugas, a branch of the greater Anishinaabeg Nation, including Algonquin, Ojibway, Odawa and Pottawatomi. These lands remain home to many Indigenous nations and peoples.

We acknowledge this land out of respect for the Indigenous nations who have cared for Turtle Island, also called North America, from before the arrival of settler peoples until this day. Most importantly, we acknowledge that the history of these lands has been tainted by poor treatment and a lack of friendship with the First Nations who call them home.

This history is something we are all affected by because we are all treaty people in Canada. We all have a shared history to reflect on, and each of us is affected by this history in different ways. Our past defines our present, but if we move forward as friends and allies, then it does not have to define our future.

Learn more about Indigenous Education and Cultural Services

Embedding images on a website

Images and files that are uploaded to Brandfolder are published and hosted on external Brandfolder servers. These assets are tracked by the Brandfolder system; if assets get moved, renamed, or updated within Brandfolder, any direct online links to these assets will automatically get updated. This is the preferred method of using Brandfolder assets in online applications such as websites.

When adding images or files to websites, including the university's CMS, you can embed the asset directly from Brandfolder, instead of downloading it to your computer, uploading it to the CMS, and then embedding it internally in the CMS. Embedding an asset from Brandfolder using a direct link means that your asset version will always be the most up-to-date version. Any edits made to the original file on Brandfolder will automatically be reflected on your website. It also eliminates multiple versions of the same or similar asset being uploaded to our CMS across various department folders.

Where possible, embed images and files using external links to Brandfolder, instead of uploading them to the Shared Assets website in the university's CMS.


How to

Embed an image from Brandfolder

Note: the video above shows how to embed a banner image in the CMS. Wherever you embed the image in the CMS (such as an inline image), just be sure to select the External option as the Image Source.

  1. Login to Brandfolder.
  2. Select the image in Brandfolder.
  3. Do not download the image from Brandfolder. Instead, you can link directly to the image in Brandfolder. Embedding the image directly from Brandfolder means that your image version will always be the most up-to-date version. Any edits made to the original file on Brandfolder will automatically be reflected on your website. It also eliminates multiple versions of the same or similar image being uploaded to our CMS.
  4. Select the Embed tab.
    Select the Embed tab
  5. If available or applicable, additional versions of the image will be listed in the Attachments section. The first version will always be a thumbnail aspect ratio (3:2). Additional versions will be labelled according to their context, such as banner. Select the version you want to use.
    Image version attachments
  6. You should resize the image by specifying a width and height. Most of the images in Brandfolder are very large, so embedding them at full size can drastically slow down page load time. For example, if you'd like to embed the thumbnail/default version at 1000px x 667px, enter a width of 1000 and a height of 667 in the relevant fields. Select the Copy to clipboard link to copy the URL.

    Typical image sizes:
    • Inline images: 1000 px W x 667 px H (you can copy the image link at this size, and resize it to 300 px x 200 px in the CMS page editor)
    • Banner (large/desktop): 1920 px W x 600 px H
    • Banner (medium/tablet): 1440 px W x 450 px H
    • Banner (small/mobile): 1024 px W x 320 px H
    Resize an image
  1. Paste the URL into the CMS or your website where you want the image to appear. 
    • If you're adding the image to the CMS, follow the instructions for adding a banner image or inline image and be sure to select External as the Image Source. Paste the URL into the relevant field.