--- title: "Edit an Image Element" slug: "edit-an-image-element" description: "Covers editing an Image element, including adding images from the Image Library, alt-text for SEO, Image Position modes, and Sizes dimension settings." updated: 2026-09-23T20:19:10Z published: 2026-09-23T20:19:10Z 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](/v1/docs/add-an-alt-text) to enhance SEO, improve accessibility, and support website crawling. You can also adjust image placement by choosing 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.