---
title: Imagem
slug: low-code/imagem
description: Discover the features and layout of the Image screen in our system. Easily view and manage all the images referenced in HTML, JavaScript, and CSS files. Each image is accompanied by essential identifying information such as the resource path, unique ident
docTags:
createdAt: 2023-08-24T13:09:08.781Z
---
Na tela Image (*Imagem*) serão mostradas todas as **imagens **referenciadas nos arquivos de HTML, JavaScript e CSS cadastrados no sistema, com suas respectivas informações identificadoras divididas em colunas.
| **Coluna** | **Descrição** |
| ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Resource (*Recurso*) | Informa o caminho da imagem usado pelo sistema. É possível clicar no título da coluna para organizar os recursos de forma ascendente ou descendente de acordo com a data de edição. |
| Name (*Nome*) | Identificador único da imagem |
| Description (*Descrição*) | Descrição da imagem |
| Version (*Versão*) | Número da versão do recurso em questão |
| Actions (*Ações*) | Nessa coluna é possível clicar em um dos ícones para **Editar **o recurso, **Editar versões anteriores** e **Excluir **o recurso. |
No canto superior direito da página é possivel encontrar o botão de **criar** uma nova imagem. Ao lado desse está a barra de pesquisa para pesquisar uma imagem na lista.
Ao fim da página é possível encontrar informações relativas ao número total de recursos cadastrados, o número de recursos por página, e o número de páginas. O sistema permite que sejam visualizados 10 ou 50 recursos por página.
Na coluna de ações, ao selecionar o ícone de **Editar **ou **Editar Versões Anteriores**, a seguinte tela será redirecionada:
A primeira tela apresenta os seguintes campos:
| **Campo** | **Descrição** |
| --------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Name (*Name)* (**\***) | O nome é um identificador único da imagem selecionada. Este campo não aceita espaços, e não é possível ter duas imagens com o mesmo nome. |
| Description (*Descrição*) (**\***) | |
| Folders (*Pastas*) (**\***) | Ferramenta usada para organização dos elementos de forma hierárquica no código da página. |
| Version (*Versão*) | Este campo mostra qual a versão da imagem está sendo visualizada no momento. Qualquer alteração feita pode ser salva com uma nova versão, e o sistema mantém versões antigas disponíveis. |
| Public Resource (*Recurso público*) | Campo checável que indica se a imagem é de domínio público |
| URL | Local em que a imagem está hospedada |
| Upload | Botão para selecionar e fazer upload de uma nova imagem |
| Conteúdo | Neste campo é apresentada a visualização da imagem salva no sistema |
| Save (*Salvar*) | Salva as alterações feitas. É possível salvar como uma nova versão, ou salvar na mesma versão que está sendo editada. As alterações serão salvas em um arquivo usado pelo browser. |
| Cancel (*Cancelar*) | Cancela as alterações e volta para a lista de imagens |
As informações com asterisco (**\***) são obrigatórias.