# Images

Wisej.NET themes can use relative image URLs, absolute image URLs, embedded base64 images, and named images. The supported image formats are: png, gif, svg, jpg and bmp. The table below describes how to use each image type.

| Image Type      | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
| --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Relative URL    | Any image or icon property or style in the theme can use a relative image URL. i.e. **"/images/logo.gif"**. Wisej will load the image relative to the application's URL.                                                                                                                                                                                                                                                                                                                                                                                                  |
| Absolute URL    | Any image or icon property or style in the theme can use an absolute image URL. i.e. **"<http://google-images.com/fake-image.jpeg>"**.                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| Embedded base64 | Any image or icon property or style in the theme can use the base64 embedded notation. i.e. **"data:image/svg+xml;base64,PD9..."**.                                                                                                                                                                                                                                                                                                                                                                                                                                       |
| Named Images    | <p>In addition to the image URL and embedded base64 images, Wisej.NET themes define their own named images. It's basically an image-indirection table.</p><p>Once you declare an image in the <strong>images</strong> section, the theme can use that image by name. This feature gives you the enormous benefit of being able to change an image (icon) in one place in the theme file without having to change it all over the theme i.e., change the <strong>window-close</strong> icon to change it in all the components that use <strong>window-close</strong>.</p> |

Example of named images:

```javascript
"images": {
    "baseUrl": "",
    "blank": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA...",
    "checkbox-checked": "data:image/svg+xml;base64,PD94bWwgdmV...",
    "checkbox-undefined": "data:image/svg+xml;base64,PD94bWwg...",
    "checkbox": "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj...",
...
```

{% hint style="warning" %}
Notice the **baseUrl** property under **images**. It's the root URL that Wisej.NET uses for named images that are defined using a relative URL. i.e. "checkbox": "images/cool-checkbox.png".

Using the baseUrl allows you to switch the entire icon set simply by changing the baseUrl.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.wisej.com/theme-builder/theme-elements/images.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.