Skip to main content

Images and Videos

data-content-type="article"

Brightspot Update - New Image Sizing

June 27, 2023 05:13 PM
We are excited to announce the release of a new Brightspot update, with new features that offer more flexibility and a wider range of image display options. With these enhancements, you'll have greater control over how images are presented in your articles and lists.
overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=
data-content-type="article"

Images and Videos

November 06, 2020 11:02 AM
Images and Videos are critical components of any webpage. However, importing videos and images can have more settings than one realizes.
overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=
data-content-type="article"
Q&A

What video formats are supported by Brightspot?

October 12, 2020 05:25 PM
Brightspot allows the direct upload of videos from Brightcove, Youtube, or HTML5. When creating a video within Brightspot, you must select the video provider as one of those three options before providing the link or uploading the video file.
overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=
data-content-type="article"
Q&A

How can I upload large videos to Brightspot?

October 12, 2020 05:24 PM
There is no defined file size limit on Brightspot, but large videos can take a long time to upload. One option to streamline the process is to download a program such as Handbrake (available for free) to compress your videos into smaller files. Set the compression to 1280*720 so that your videos are still saved with optimal website viewing quality. This smaller file size will make them more manageable for upload to Brightspot.
overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=
data-content-type="article"
Q&A

What is the limit on file size when uploading videos to Brightspot?

October 12, 2020 05:23 PM
There is no limit on file size when uploading onto Brightspot. Larger file sizes take longer to upload, but videos can be compressed beforehand to ease the process.
overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=
data-content-type="article"
Q&A

How do I embed videos in the lead of a page?

October 12, 2020 05:21 PM
Click the plus button located beneath the Lead. Select the Misc category of content or scroll to the bottom of the page to select Video. Then, upload the video of choice and it will be displayed in the Lead of your webpage.
overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=
data-content-type="article"
Q&A

Can I use images with custom HTML from the Brightspot server?

October 12, 2020 05:20 PM
If you want the original image address in Brightspot to add to custom HTML, you can find the URL of the original by editing it. Open the uploaded image, select “Edit,” and “View Original.” Keep in mind this won't update if you upload a new version of the image. Alternatively, you could also add the image as an Attachment and then create a custom permalink that always points to the latest version by adding a URL.
overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=
data-content-type="article"
Q&A

How do I upload a PNG to Brightspot without a background?

October 12, 2020 05:19 PM
Brightspot is currently set with a default gray background behind images in order to display captions and photo credits. This can be disabled with CSS. Images can also be uploaded without a background using a SVG format and embedding the image link using HTML. Please contact the migration team for assistance as needed
overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=
data-content-type="article"
Q&A

How do I keep the alt text and captions from original images in a mass import?

October 12, 2020 05:17 PM
In a mass import, alt text and captions can be preserved if they are saved in the metadata of an image. Certain platforms include this data from uploaded pictures, so when migrating the content to your new site in Brightspot be sure to check!
overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=
data-content-type="article"
Q&A

How do I create image links?

October 12, 2020 05:12 PM
Image links cannot be created in the same manner as their text counterparts. However, by adding an “Image Only” Content Promo users can create an internal or external linked image. Using the “Add Module” button in the Rich Text menu, users can also embed an “Image Only” Content Promo within a body of text. The “Add Module” button indicated in the image allows users to select their preferred module to add to the Rich Text. In this case, select “Promo” from the drop down and fill in the desired link and image. Under Promo Style, select an “Image Only” option from the Template dropdown so that your image link appears as desired.
overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=
data-content-type="article"
Q&A

Can I create an photo gallery that rotates automatically?

October 12, 2020 05:10 PM
No, the photo galleries do not rotate automatically. The user must click through the carousel.
overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=
data-content-type="article"
Q&A

Can I change the size of a display image within Brightspot?

October 12, 2020 05:10 PM
No, Brightspot has preset dimensions for images depending on the module used. Brightspot fits the photo to the dimensions set within the specific modules.
overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=
data-content-type="article"
Q&A

How do I change the alignment of images within Brightspot?

October 12, 2020 05:09 PM
When an image is first added in a Rich Text module, open the dropdown “Enhancement Alignment” and select left, right, or center. This alters the alignment of the image on the Brightspot page. A detailed tutorial for how to place this image can be found at the link https://sites.byu.edu/docs/place-image . You can also change the alignment of the automatic cropping on an image. Open the image in Brightspot and select the “Edit” option. Under the “Focus” tab, you can identify the focal point of the image so that the automatic cropping will realign around this focal point. A tutorial for this process can be found at https://sites.byu.edu/docs/add-image.
overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=
data-content-type="article"
Q&A

How do I bulk upload files?

October 12, 2020 03:58 PM
To upload multiple files, click the “select” files option to the right of the Brightspot Dashboard. You will then choose a file source and select the files you wish to upload.
overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=
data-content-type="oneOffPage"

How to Show/Hide "Photo by"

Add or remove the credit text in photos.
overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=
data-content-type="oneOffPage"

6. Add an Image While Editing

If you're in the middle of editing a page you don't want to go back to the dashboard to add an image before you can use it in your page. Brightspot has you covered.
overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=
data-content-type="oneOffPage"

4. Add an Image

Get general image guidelines, add an image (with relevant metadata) to the shared image library, and edit an image's focus or cropping.
overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=