Componente de imagem (v2) image-component

Ativos da imagem

• Solte um ativo do navegador de ativos ou toque na opção pesquisar para fazer upload de um sistema de arquivos local.
• Toque ou clique em Limpar para desmarcar a imagem atualmente selecionada.
• Toque ou clique em Editar para gerenciar as representações do ativo no editor de ativos.

Tipo de predefinição - Define os tipos de predefinições de imagens disponíveis, seja a Predefinição de imagem ou o Corte inteligente, e só estará disponível quando os recursos do Dynamic Media estiverem habilitados.

• Predefinição de imagem - Quando o Tipo de predefinição da Predefinição de imagem é selecionado, a lista suspensa Predefinição de imagem fica disponível, permitindo a seleção das predefinições do Dynamic Media disponíveis. Isso só estará disponível se as predefinições forem definidas para o ativo selecionado.
• Corte inteligente - Quando o Tipo de predefinição do Corte inteligente é selecionado, o menu suspenso de Representação fica disponível, permitindo a seleção das representações disponíveis do ativo selecionado. Isso só estará disponível se as representações forem definidas para o ativo selecionado.
• Modificadores de imagem - Comandos adicionais de veiculação de imagens do Dynamic Media podem ser definidos aqui, separados por &, independentemente do Tipo de predefinição selecionado.

A imagem é decorativa - Verifique se a imagem deve ser ignorada pela tecnologia assistiva e, portanto, não requer um texto alternativo. Isso se aplica somente a imagens decorativas.

Texto alternativo - Alternativa textual do significado ou função da imagem para leitores com deficiência visual.

• Obter texto alternativo do DAM - Quando marcado, o texto alternativo da imagem será preenchido com o valor dos metadados dc:description no DAM.

Legenda - Informações adicionais sobre a imagem, exibida abaixo da imagem por padrão.

• Obter legenda do DAM - Quando marcado, o texto da legenda da imagem será preenchido com o valor dos metadados dc:title no DAM.
• Exibir legendas como janelas pop-up - Quando marcada, a legenda não será exibida abaixo da imagem, mas como um pop-up exibido por alguns navegadores ao passar o mouse sobre a imagem.

Vinculação - Vincule a imagem a outro recurso.

• Use a caixa de diálogo de seleção para vincular a outro recurso do AEM.
• Se não estiver vinculando a um recurso do AEM, insira o URL absoluto. URLs não absolutos serão interpretados como relativos a AEM.

ID - Essa opção permite controlar o identificador exclusivo do componente no HTML e na Camada de Dados.

• Caso deixado em branco, um ID exclusivo é gerado automaticamente para você e pode ser encontrado ao inspecionar a página resultante.
• Se um ID for especificado, é responsabilidade do autor garantir que ele seja exclusivo.
• A alteração do ID pode afetar o rastreamento de CSS, JS e da Camada de Dados.

Iniciar recorte

Selecionar essa opção abre uma lista suspensa para proporções de corte predefinidas.

• Escolha a opção Mão livre para definir seu próprio corte.
• Escolha a opção Remover corte para exibir o ativo original.

Depois que uma opção de recorte é selecionada, use as alças azuis para dimensionar o recorte na imagem.

Girar para a direita

Use esta opção para girar a imagem 90° para a direita (no sentido horário).

Inverter horizontalmente

Use essa opção para inverter a imagem horizontalmente ou girar a imagem 180° ao longo do eixo y.

Inverter verticalmente

Use essa opção para inverter a imagem verticalmente ou girar a imagem 180° ao longo do eixo x.

Redefinir zoom

Se a imagem já tiver sido ampliada, use essa opção para redefinir o nível de zoom.

Abrir controle deslizante de zoom

Use essa opção para exibir um controle deslizante para controlar o nível de zoom da imagem.

Ativar recursos DM - Quando marcado, os recursos habilitados do Dynamic Media ficam disponíveis.

Ativar imagens otimizadas para web - quando marcada, o serviço de entrega de imagens otimizadas para a Web fornecerá imagens no formato WebP, reduzindo o tamanho das imagens em cerca de 25%.

• Essa opção só está disponível no AEMaaCS.
• Quando desmarcada ou quando o serviço de entrega de imagens otimizadas para a Web não estiver disponível, o Servlet de imagem adaptável será usado.

Habilitar carregamento lento - Define se a opção de carregamento lento é habilitada automaticamente ao adicionar o componente de Imagem a uma página.

A imagem é decorativa - Define se a opção de imagem decorativa é automaticamente habilitada ao adicionar o componente de Imagem a uma página.

Obter texto alternativo do DAM - Define se a opção para recuperar o texto alternativo do DAM é ativada automaticamente ao adicionar o componente de Imagem a uma página.

Obter legenda do DAM - Define se a opção para recuperar a legenda do DAM é ativada automaticamente ao adicionar o componente de Imagem a uma página.

Exibir legendas como janelas pop-up - Define se a opção para exibir a legenda da imagem como um pop-up será habilitada automaticamente ao adicionar o componente de Imagem a uma página.

Desabilitar rastreamento do UUID - Marque para desativar o rastreamento da UUID do ativo de imagem.

Larguras - Define uma lista de larguras em pixels para a imagem e o componente carrega automaticamente a largura mais apropriada com base no tamanho do navegador.

• Toque ou clique no botão Adicionar para adicionar outro tamanho.

  • Use as alças de captura para reorganizar a ordem dos tamanhos.
  • Use o ícone Excluir para remover uma largura.

• Por padrão, o carregamento de imagens é adiado até ficarem visíveis.

  • Selecione a opção Desativar carregamento lento para carregar as imagens ao carregar a página.

Qualidade JPEG - O fator de qualidade (porcentagem entre 0 e 100) para imagens JPEG transformadas (por exemplo, dimensionadas ou cortadas).

Origem

Selecione a opção Permitir o upload de ativos do sistema de arquivos para permitir que os autores de conteúdo façam upload de imagens do computador local. Para forçar autores de conteúdo a selecionar somente ativos do AEM, desmarque essa opção.

Orientação

Girar
Use esta opção para permitir que o autor de conteúdo use a opção Girar para a Direita.

Inverter
Use esta opção para permitir que o autor de conteúdo use as opções Inverter Horizontalmente e Inverter Verticalmente.

Cortar

Selecione a opção Permitir Cortar para que o autor de conteúdo recorte a imagem no componente na caixa de diálogo de edição.

• Clique em Adicionar para adicionar uma taxa de proporção de corte predefinida.
• Insira um nome descritivo, que será mostrado na lista suspensa Iniciar corte.
• Insira a taxa numérica da proporção.
• Use as alças de arrastar para reorganizar a ordem das taxas de proporções.
• Use o ícone da lixeira para excluir uma taxa de proporção.