---
title: "Edit an Image Element"
slug: "edit-an-image-element"
updated: 2026-07-08T13:29:27Z
published: 2026-07-08T13:29:27Z
canonical: "academy.insiderone.com/edit-an-image-element"
---

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

# Edit an Image Element

While [designing](/v1/docs/design-a-web-template) a template, you can customize the image element using various settings.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/el1.gif)

You can **add an image** from the [Image Library](/v1/docs/add-an-image-via-image-library) or use a **fill color** instead. Once added, you can define [alt-text](/docs/alt-text-in-action-builder) to enhance SEO, improve accessibility, and support website crawling.

Additionally, you can adjust the image placement by choosing between Fill, Fit, Center, or Stretch using the **Image Position** and **Size** features to ensure optimal display within the layout.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-OGRQ3H8C.png)

Thanks to the **Size** menu, you can change the image's width and height to adjust its appearance in your design.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-UW19658C.png)

> [!NOTE]
> To maintain fast page load times and help protect SEO, all Web products limit image files (including GIFs) to 500 KB or smaller.