# Obraz - Image

{% hint style="info" %}
Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach.
{% endhint %}

Komponent obrazka

![](https://content.gitbook.com/content/2CssJT0zIo4SJQLbSZ6l/blobs/Bk2spN3ZHN0Ii5XgNdhb/25s_files/image2025-5-16_12-37-58.png)

## Właściwości komponentu

<table><thead><tr><th>Właściwość Eximee Designer</th><th width="186.4666748046875">Nazwa atrybutu w Źródle</th><th>Opis</th></tr></thead><tbody><tr><td><strong>Link do obrazka</strong> (sekcja <strong>Podstawowe właściwości</strong>)</td><td>imageUrl</td><td>Obraz musi być przechowywany w repozytorium projektu aby mógł być wyświetlany na wniosku. W parametr należy wpisać względną ścieżkę do tego zasobu.</td></tr><tr><td><strong>Tekst do wyświetlenia, gdy url jest błędny</strong> (sekcja <strong>Podstawowe właściwości</strong>)</td><td>imageAlt</td><td>Treść lub grafika, która ma zostać wyświetlona, jeśli obrazek nie zostanie znaleziony (domyślnie pusta). Uwaga! Należy ustawić prezentację (<code>presentation</code>) informacyjną.</td></tr><tr><td><strong>Zachowanie domyślnych proporcji obrazka</strong> (sekcja <strong>Podstawowe właściwości</strong>)</td><td>keepAspectRatio</td><td>Parametr zachowania domyślnych proporcji obrazka (domyślnie wartość "Tak"). Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach.</td></tr><tr><td><strong>Wysokość obrazka</strong></td><td>heightHint</td><td>Wysokość obrazka. Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach.</td></tr><tr><td><strong>Szerokość obrazka</strong></td><td>widthHint</td><td>Szerokość obrazka. Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach.</td></tr><tr><td><strong>Prezentacja</strong> (sekcja <strong>WCAG</strong>)</td><td>presentation</td><td>- Informacyjna — obrazek jest fokusowalny oraz posiada atrybut <code>alt</code> z właściwości "Tekst do wyświetlenia, gdy url jest błędny".<br>- Dekoracyjna — obrazek nie jest fokusowalny oraz posiada atrybut <code>alt</code> z pustą wartością.</td></tr></tbody></table>

> Więcej informacji o właściwościach komponentu: [Wspólne właściwości komponentów](https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/formularze/praca-z-komponentami-bazowymi/wspolne-wlasciwosci-komponentow)

{% hint style="info" %}
Wnioski demo: demoImage
{% endhint %}

{% hint style="info" %}
♿WCAG: [Dobre praktyki WCAG dla low-code dev](https://docs.eximee.com/budowanie-aplikacji/proces-biznesowy/tworzenie-procesu-biznesowego-w-bpmn-2.0/dobre-praktyki)
{% endhint %}