> For the complete documentation index, see [llms.txt](https://wedocs.gitbook.io/wedocs-5.2/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wedocs.gitbook.io/wedocs-5.2/wedocs-5.1/cliente-desktop/criacao-e-edicao-de-dashboards/componente-imagem.md).

# Componente Imagem

Weknow Client Desktop –  Criação e Edição de Dashboards - Componente Imagem

### Exemplo:

<div align="left"><figure><img src="https://2246169615-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4yXt6ny2DDnDTHV2uaYY%2Fuploads%2F3d9qWLspyCGu8xngc7QL%2Fimage.png?alt=media&amp;token=0d35af77-85d8-49d8-87b7-ce2a4d238d33" alt="" width="563"><figcaption></figcaption></figure></div>

Na etapa final de edição do objeto tipo imagem, selecione o modo de imagem que será utilizado, *Fixo* ou *URL*.<br>

<div align="left"><figure><img src="https://2246169615-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4yXt6ny2DDnDTHV2uaYY%2Fuploads%2FwKblahnUgF9hl4lZkDkT%2Fimage.png?alt=media&amp;token=feda76d5-b9ce-4547-9373-274609ea7c87" alt="" width="563"><figcaption></figcaption></figure></div>

A imagem Fixa permite a seleção de uma imagem local como um upload para o sistema, muito recomendado em casos de a imagem não ser alterada com frequência ou de ser muito pesada pois seu carregamento será mais rápido.

O outro modo é o URL, que permite selecionar uma imagem através de um endereço na internet. Assim o sistema pode buscar a imagem sempre atualizada. Por exemplo uma logo que está no website:

<div align="left"><figure><img src="https://2246169615-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4yXt6ny2DDnDTHV2uaYY%2Fuploads%2Ff5GmDHAkhgbMEsFMvWMM%2Fimage.png?alt=media&amp;token=cbc6f364-985d-4da9-90b4-803ea6979ca8" alt="" width="563"><figcaption></figcaption></figure></div>

Basta copiar e colar o endereço da imagem diretamente no campo *URL* do assistente. Tome cuidado para não copiar o endereço do link por engano, pois este não irá funcionar.<br>

<div align="left"><figure><img src="https://2246169615-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4yXt6ny2DDnDTHV2uaYY%2Fuploads%2F1zgqYpjnQnA3C7hoJZu1%2Fimage.png?alt=media&amp;token=cc7bec6a-3799-46d5-b875-a4de6a02ab1f" alt="" width="563"><figcaption></figcaption></figure></div>

Complemente com as opções <mark style="color:blue;">**Cor de fundo**</mark>, <mark style="color:blue;">**Esticar**</mark> e/ou <mark style="color:blue;">**Manter a proporção**</mark>, conforme melhor adequação à imagem e resolução da mesma.

Para finalizar a inserção da imagem clique em <mark style="color:blue;">**CONCLUIR**</mark>.