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

# Image blocks

> Add profile photos, logos, and banners to your email signature, then crop them, round the corners, set the size, and link the image to a URL.

Image blocks handle profile photos, company logos, banners, and any other visual element in your signature.

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/signature-editor-canvas.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=277601f9b630813e10eb6fef13e9435b" alt="Email signature editor canvas" width="3456" height="1930" data-path="images/signature-editor-canvas.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/image-block-settings-panel.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=1df7683dc1205f596ad16e7e5879daef" alt="Image block settings panel with crop, radius, and size controls" title="Image block settings panel with crop, radius, and size controls" className="mx-auto" style={{ width:"34%" }} width="692" height="1762" data-path="images/image-block-settings-panel.png" />
</Frame>

## Image source

Click **Select image** to upload a new image or pick one from your [image library](/en/editor/image-library).

The panel adapts to the image state:

* **Empty**: Shows a placeholder with a "Select image" button
* **Uploaded**: Shows the image preview with options to replace or adjust it
* **Profile picture**: When synced from Google Workspace, shows the Google icon indicating the image updates automatically for each teammate

<Note>
  For profile pictures synced from [Google Workspace](/en/editor/google-workspace-directory), the image updates automatically when a teammate changes their Google profile photo. You don't need to manage these manually.
</Note>

## Link

Add a URL so the image becomes clickable, useful for linking a company logo to your website or a banner to a landing page.

## Style

| Setting    | What it does                                                                                                                                                    |
| ---------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Crop**   | Open the crop tool to adjust the visible area of the image                                                                                                      |
| **Radius** | Corner rounding in pixels: set to `0` for sharp corners, increase for rounded corners, or use a high value for a fully circular crop (great for profile photos) |

## Size

Set the **Width** and **Height** in pixels. These control the display size of the image in the signature.

<Tip>
  For profile photos, try equal width and height with a high border radius for a clean circular look.
</Tip>

## Layout

Padding controls the space around the image block.

## Related articles

* [Add blocks](/en/editor/add-blocks)
* [Styling panel](/en/editor/styling-panel)
* [Badge blocks](/en/editor/badge-blocks)