> ## Documentation Index
> Fetch the complete documentation index at: https://help.flowforth.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Image Block

> Add images to your emails from your asset library, device, or Unsplash, with full control over sizing, shapes, alignment, and linking.

The image block lets you add photos and graphics to your emails. You can pull images from your asset library, upload new ones, or browse Unsplash for free stock photos.

***

## Adding an Image Block

Drag the **Image** block from the block palette into your email canvas. Click the block to choose an image source:

* **Asset Library**: Select from previously uploaded images
* **Upload**: Add a new image from your device
* **Unsplash**: Search and insert free stock photos

***

## Resizing

You can resize images in two ways:

* **Drag the handle** on the image directly in the editor to adjust width visually
* **Width percentage** in the sidebar: Set an exact width from 0 to 100% of the email content area

***

## Sidebar Settings

Select an image block to configure the following in the sidebar:

* **Alignment**: Left, center, or right
* **Alt Text**: Describe the image for accessibility. Screen readers and email clients that block images will display this text instead.
* **Shape**: Crop the image into a shape (see below)
* **Border Radius**: Round the corners of the image
* **Border Color**: Set a border color around the image
* **Border Width**: Control the thickness of the border. Click the **expand icon** to set a different width for each side.

***

## Shape

<img height="200" src="https://mintcdn.com/churchspace/6hrDf_4vMEmDT1NY/images/image-shapes.png?fit=max&auto=format&n=6hrDf_4vMEmDT1NY&q=85&s=c6483610e649846e6fee69c18f0ae9de" className="rounded-lg" noZoom data-path="images/image-shapes.png" />

Under **Style**, open the **Shape** picker to crop your image into a shape. Choose from:

* **Original**: The image's natural dimensions (no cropping). This is the default.
* **Square**: A square crop with softly rounded corners.
* **Circle** and **Oval**: A circular or portrait oval crop.
* **Arch**: A rounded window-arch crop.
* **Leaf**, **Blob**, and **Flower**: Decorative shapes for a more playful look.

The picker shows a live preview of each option. When you select a shape, the image is cropped to fit it, and the **Border** and **Corner** settings are hidden because the shape defines the image's outline. Choose **Original** again at any time to remove the shape and bring those settings back.

Shapes are applied to the image itself rather than with CSS, so they display consistently across all email clients, including Outlook and Gmail.

### Link

Click the link option to make the image clickable. All link types are supported:

* **URL**, **Email**, **Phone**, **SMS**, **File Download**, **Planning Center**

When a recipient clicks the image, they will be taken to the linked destination.

***

## Tips

* Always add alt text. It improves accessibility and ensures your message comes through even when images are blocked.
* Use the drag handle for quick sizing adjustments, and the sidebar width percentage for precise control.
* Shapes look best over a solid background color, since the area around the shape is transparent and shows whatever is behind it.
* If you are linking an image, consider adding a text link nearby as a fallback for recipients who may not see images.
