Brightspot Content Types Guide

Cropping images


This guide explains how to crop an image.

To crop an image:

  1. Above the image, click ​brush.

    Image Editing Image Editing

    Brightspot opens the image in the image editing form.

  2. In the image editor, under Sizes, scroll down and click one of the previews. Brightspot displays the preview inside a frame that keeps the focus point (if any) as close to the center as possible.
  3. Click and drag the handles to adjust the crop as necessary.
  4. Click the crop area and drag it to move the frame.
  5. Click Done to close the image editor.

The following images describe the steps for adjusting an image size.

Step 1: Click on the image size. The grid appears in the image.
Cropping and image - step 1 Cropping and image - step 1
Cropping and image - step 1
Step 2: Resize the grid. Depending on the image size, the grid maintains its aspect ratio. For example, if the image size is 16 × 9, the grid maintains an aspect ratio of 1.78.
Cropping and image - step 2 Cropping and image - step 2
Cropping and image - step 2
Step 3: Move the grid over the center of the image you want to appear on the front end.
Cropping and image - step 3 Cropping and image - step 3
Cropping and image - step 3
Previous Topic
Viewing an image’s information
Next Topic
Setting a focus point
Tags
Was this topic helpful?
Thanks for your feedback.
Our robust, flexible Design System provides hundreds of pre-built components you can use to build the presentation layer of your dreams.

Asset types
Module types
Page types
Brightspot is packaged with content types that get you up and running in a matter of days, including assets, modules and landing pages.

Content types
Modules
Landing pages
Everything you need to know when creating, managing, and administering content within Brightspot CMS.

Dashboards
Publishing
Workflows
Admin configurations
A guide for installing, supporting, extending, modifying and administering code on the Brightspot platform.

Field types
Content modeling
Rich-text elements
Images
A guide to configuring Brightspot's library of integrations, including pre-built options and developer-configured extensions.

Google Analytics
Shopify
Apple News