--- title: Imagem slug: low-code-clone/imagem description: This document presents a comprehensive overview of the Image screen on a system, highlighting its features and capabilities. Learn how the Image screen displays and manages images referenced in HTML, JavaScript, and CSS files, showcasing crucial informati createdAt: 2022-12-08T13:23:53.000Z --- 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. ![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/O1V0JayHWiRQBj5FNtdrT_image.png) | **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: ::::LinkArray :::LinkArrayItem ![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/KgIdg46X54DI7Gfq61Ril_image.png) ::: :::LinkArrayItem ![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/OZSX3p7vdY2wBt0wIqEKr_image.png) ::: :::: 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.