---
sourceDocument: Interface do usuário da Now Platform Yokohama
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/platform-user-interface

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Interface do usuário da Now Platform Yokohama

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Componentes de imagem em Construtor de IU

# Componentes de imagem em Construtor de IU {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 min. de leitura

Adicione imagens à sua página principal com um componente de imagem.  
Importante:  
O construtor descrito nesta página serve para criar e editar páginas principais em todos os espaços, exceto CSM. Para obter informações sobre o novo Construtor de IU que cria e edita todas as páginas no Espaço de CSM, consulte [Construtor de IU](https://www.servicenow.com/docs/access?context=ui-builder-overview&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US).
Quando você arrasta o ícone do componente de imagem ( ![Componente de imagem]()) No painel Fase, uma imagem do banco aparece e você pode mudar e redimensionar. Você pode mudar a imagem do banco fornecendo o URL da sua imagem.

A tabela a seguir explica os parâmetros do componente de imagem.
{#image-component__table_ghy_bps_vjb__entry__2}

| Parâmetro | Descrição |
|-|-|
| Nome de componente | Nome que aparece nos controles de componente acima de um componente no painel Fase. O número máximo de caracteres é 18. ![Nome do componente.]() |
| Texto alternativo | Elemento HTML alternativo que rotula as imagens para que elas sejam compatíveis com WCAG. |
| URL da imagem | URL da imagem. |
| Ajuste | Controle de tamanho da imagem. * Expanda para preencher Aumenta ou diminui o zoom na imagem nos eixos X e Y proporcionalmente para que a imagem preencha o contêiner. * Estique para ajustar aumenta o zoom na imagem para preencher o contêiner, mas a imagem não se expande proporcionalmente. * Manter o tamanho original exibe a imagem em seu tamanho original, que pode ser maior ou menor que o contêiner. {#image-component__ul_ngd_lhp_gkb} |
| Posição | Local da imagem no contêiner. Por exemplo, Canto inferior direito coloca a imagem no canto inferior direito do contêiner. Este parâmetro só funciona quando a imagem é menor que o contêiner. |
| Altura | Altura da imagem medida pelo número de pixels de altura. Se esta altura for mais curta do que a altura da imagem, o parâmetro corta a parte superior da imagem. A largura não é reduzida proporcionalmente. |
[Tabela 1. Parâmetros do componente de imagem]

{#image-component__table_ghy_bps_vjb}