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

# Images

> Embed single images with link, alt text, and responsive display options.

The content type **Images** embeds a single image, optionally with a link, alt text, and device-specific display.

## Selecting the content type

In the editor of a page, shopping world, or building block, click **+ New**, then in the **Content** tab click **Images**. The **"New image"** dialog opens.

## Fields

### General

| Field                     | Meaning                                                                                   |
| ------------------------- | ----------------------------------------------------------------------------------------- |
| **Description**           | Internal name of the content (max. 255 characters)                                        |
| **File**                  | Select image file (opens the [file manager](/docs/en/dynamic-content/user-guide/dateien)) |
| **Alt text**              | Alternative text for screen readers and SEO (max. 255 characters)                         |
| **Show in all languages** | Makes the content available across all languages                                          |

### Settings

| Field                | Meaning                                                        |
| -------------------- | -------------------------------------------------------------- |
| **Width (px)**       | Fixed image width in pixels. `0` = full container width (100%) |
| **Link**             | External URL the image links to                                |
| **Target page**      | Internal page as link target (alternative to Link)             |
| **Loading priority** | Priority for the browser (default: Auto)                       |
| **Loading behavior** | When the image is loaded (default: Eager = immediately)        |

### Display

For each device type, you can define how the image is displayed. Available levels: **Mobile**, **Tablet portrait**, **Tablet landscape**, **Desktop**, **Desktop Large** (default everywhere: **As image**, adopts the original display).

### Publishing

| Field           | Meaning                                                               |
| --------------- | --------------------------------------------------------------------- |
| **Layout area** | Area of the page layout in which the image appears (default: Content) |
| **Active**      | Makes the image visible                                               |

## Tips

<Tip>
  Always maintain an **alt text**: it is important for accessibility (screen readers) and SEO.
</Tip>

<Tip>
  Upload images in advance via [Files](/docs/en/dynamic-content/user-guide/dateien) into suitable directories, so you can find them more quickly in the file manager.
</Tip>

<Tip>
  For **First Contentful Paint-relevant images** (e.g., a large hero banner at the very top), leave the loading priority and loading behavior set to immediate loading. For images further down, lazy loading may be useful.
</Tip>

## Related topics

<CardGroup cols={2}>
  <Card title="Image galleries" icon="images" href="/docs/en/dynamic-content/user-guide/inhaltsarten/bildergalerien">
    Embed multiple images as a gallery.
  </Card>

  <Card title="Files" icon="folder-open" href="/docs/en/dynamic-content/user-guide/dateien">
    Upload images and media centrally.
  </Card>

  <Card title="Content types" icon="shapes" href="/docs/en/dynamic-content/user-guide/inhaltsarten">
    All available content types.
  </Card>
</CardGroup>