Table of contents

This article provides step-by-step instructions on how to edit images within a page header or image widget.

What are images used for?

Images can illustrate, emphasize, or simply bring life into your content. They can be used in various ways across your pages:

  • Page headers – These are the large, banner-like images at the top of each page which span horizontally across the page and serve as a visual introduction to the content below
  • Image widgets – These can be dragged and dropped into your content to help break up text and create visual cues for your content

Follow these instructions to edit images in your page header or an image widget.

How to edit images on pages

  1. Navigate to a page and click the pencil icon at the top right corner to enter the page editor
  2. Click on the image you want to edit, either from the page header or in a widget area, which will be highlighted in blue when selected
  3. Click on the settings icon located in the top right corner to open the settings menu
  4. Click the pencil icon on the image’s preview. This will open a new window with a toolset for adjusting the image's appearance

Crop

Crop allows you to edit and resize your image. You can choose from predefined shapes like square, landscape, or portrait, or manually define a custom crop area. Additionally, you can rotate the image, flip it horizontally, and zoom in or out.

  • Rotate Left – Turns the image counterclockwise
  • Flip Horizontal – Mirrors the image horizontally
  • Crop shape
    • Custom – Manually define the crop area
    • Square – Crop the image into a square
    • Landscape – Crop the image into a landscape orientation
    • Portrait – Crop the image into a portrait orientation
  • Drag and crop – Adjust the crop area by dragging the white circles
  • Rotate – Rotate the image by clicking the rotate button at the bottom and dragging the scale
  • Scale – Zoom in or out by clicking the Scale button at the bottom and dragging the scale

Filter

Filter lets you apply a preset color effect to your image. You can choose from various options, such as warm and cool tones, black and white, sepia, pastels, and more.

Finetune

Finetune enables you to make adjustments to various aspects of your image, such as its brightness, contrast, color saturation, and overall tone.

  • Brightness – Adjusts the overall lightness or darkness of the image
  • Contrast – Controls the difference between the lightest and darkest areas of the image
  • Saturation – Determines the intensity of colors in the image
  • Exposure – Controls the brightest areas of the image, making them brighter or darker
  • Temperature – Shifts the color balance of the image towards warmer (reddish) or cooler (bluish) tones
  • Gamma – Affects the mid-tones of the image, changing the overall tonal range
  • Clarity – Enhances or reduces the sharpness and detail of the image
  • Vignette – Creates a darkening or fading effect around the edges of the image, drawing attention to or away from the center

Annotate

Annotate allows you to draw and create lines, arrows, shapes, and text for your image.

  • Annotation tools
    • Sharpie – Draw and annotate freely on the image
    • Eraser – Remove unwanted annotations
  • Shape tools
    • Path – Click on the image space to create custom shapes by connecting lines
    • Line – Click and drag to draw straight lines
    • Arrow – Click and drag to draw arrows with customizable start and end points
    • Rectangle – Click and drag to create rectangles with adjustable corner radius
    • Ellipse – Click and drag to create ellipses
  • Text tools
    • Text box – Click and drag to create textboxes and add text to the image
      • Font – Choose from various fonts
      • Font style – Select bold, italic, or normal styles
      • Font size – Adjust the font size from extra small to extra large
      • Line height – Control the spacing between lines of text
      • Text align – Align text to the left, center, or right
  • General annotation settings
    • Fill color – Choose the fill color of the shapes
    • Line color – Customize the color of lines and shapes
    • Line width – Adjust the thickness of lines and shapes

Redact

Redacting allows you to mask sensitive information within the image. This is particularly useful for sharing content while protecting privacy. 

To conceal a specific area of an image, simply click and drag your cursor over the desired region. This will overlay a pixelated mask that covers the content.

Redo/undo changes

To undo or redo changes, use the left and right arrows at the top.

Zoom in and out

To zoom in or out, click the + or - buttons at the top. You can zoom up to 1600% of the original size. The default zoom level adjusts to your image size. To select a specific zoom level, click the percentage and choose from the list.

Note: Zooming in and out is not possible when cropping an image.

Previous
Next
31977074471825