Brightspot Content Types Guide

How Brightspot delivers images


When you upload an image to Brightspot, the image remains in its original form without any cropping or resizing. When a visitor views one of your pages that contains the image, Brightspot does the following:

  1. Determines the context required for the page.
  2. Crops, resizes, and otherwise modifies the image as required by the context.
  3. Delivers the modified image to the visitor’s web browser.
  4. Saves a copy of the modified image for subsequent visits to the page.

When cropping an image to a specific size, Brightspot crops around the original image’s center. In the following example, the image to the left is 594 × 370 pixels, and the sunset is to the far right. In some contexts, Brightspot needs to deliver the image cropped to 224 × 246. Because the default crop is around the image’s center, the sunset is lost.

Original Image Cropped Image
Deliver Images Original.png
Deliver Image Crop.png

To prevent such situations, you can set a focus point inside an image. Brightspot then crops the original image around the focus point. For example, if you place the focus point on the sunset, Brightspot applies the 224 × 246 crop around the sunset, keeping the sunset as close to the center as possible.

Deliver Image Crop around Focus.png

Previous Topic
Preventing blurry images
Next Topic
Gallery
Was this topic helpful?
Thanks for your feedback.
The elements that get you up and running in a matter of days, from pre-built content types, to modules, to landing pages.

Content types
Modules
Landing pages
Everything you need to manage and administer content within Brightspot CMS, including plug-and-play integrations.

Dashboards
Authoring content
Workflows
Admin configurations
A guide for installing, supporting and administering code on the Brightspot platform, including integrations requiring developer support to use.

Field types
Content modeling
Rich-text elements
Images