Componente de imagem de email email-image-component

Herdar imagem em destaque da página - Esta opção usa a imagem em destaque da página vinculada ou da página atual, se a imagem não estiver vinculada.

Texto alternativo para acessibilidade - Este campo permite definir uma descrição da imagem para usuários com deficiências visuais.

• Herdar texto alternativo da página - Esta opção utiliza a descrição alternativa do valor do ativo vinculado dos metadados dc:description no DAM ou da página atual, se nenhum ativo estiver vinculado.

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.

Não fornecer um texto alternativo - Esta opção marca a imagem a ser ignorada por tecnologias assistivas, como leitores de tela, nos casos em que a imagem é meramente decorativa ou não transmite informações adicionais para a página.

Desativar carregamento lento - Essa opção carrega previamente todos os componentes da imagem e não conforme necessário.

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 é disponibilizada, permitindo a seleção das predefinições disponíveis do Dynamic Media. 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 é disponibilizado, 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.

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. Disponível somente quando um ativo é selecionado a partir do 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.
• Abrir link em nova guia - Esta opção abre o link em uma nova janela do navegador.

ID - Essa opção permite controlar o identificador exclusivo do componente no HTML.

• 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 de ID pode afetar o CSS.

Fixo com - Essa opção define a largura da imagem (em pixels).

Dimensionar imagem até a largura disponível - Essa opção aplica "width":"100%" ao atributo de estilo da imagem.

Habilitar recursos DM - Quando marcada, os recursos do Dynamic Media ficam disponíveis.

• Essa opção só é exibida quando o Dynamic Media está habilitado no ambiente.

Habilitar 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 a opção estiver 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.

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 alternhabilito do DAM - Define se a opção para recuperar o texto alternhabilito do DAM é habilitada 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 é habilitada 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.

Redimensionar largura - Esse valor é usado para redimensionar a largura das imagens base que são ativos do DAM.

• A proporção das imagens será preservada.
• Se o valor for maior que a largura real da imagem, ele não terá efeito.
• Esse valor não tem efeito em imagens SVG.

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 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).

Largura padrão - A largura padrão de imagens (em pixels) que será usada na caixa de diálogo de design