Perfis de imagem do Dynamic Media

Ao fazer upload de imagens, você pode cortar automaticamente a imagem ao fazer upload aplicando um Perfil de imagem à pasta.

IMPORTANTE

Perfis de imagem não se aplicam a arquivos PDF, GIF animado ou INDD (Adobe InDesign).

Opções de corte

As coordenadas de Recorte inteligente dependem da proporção. Para as configurações de recorte inteligente em um Perfil de imagem, se a proporção for a mesma para as dimensões adicionadas no Perfil de imagem, a mesma proporção será enviada para a Dynamic Media. O Adobe recomenda que você use a mesma área de corte. Isso garante que não haja impacto em diferentes dimensões usadas no Perfil de imagem.

Cada geração de Recorte inteligente que você cria requer processamento extra. Por exemplo, adicionar mais de cinco proporções de Recorte inteligente resulta em uma taxa lenta de ingestão de ativos. Também pode causar um aumento da carga nos sistemas. Como você pode aplicar o Smart Crop no nível da pasta, o Adobe recomenda usá-lo nas pastas only onde for necessário.

Você tem duas opções de recorte de imagem para escolher. Você também tem uma opção para automatizar a criação de amostras de cores e imagens.

Opção Quando usar Descrição
Cortar pixel Imagens de corte em massa com base apenas em dimensões.

Para usar essa opção, selecione Pixel Crop na lista suspensa Opções de Recorte.

Para cortar das laterais de uma imagem, insira o número de pixels a serem cortados de qualquer lado ou de cada lado da imagem. A quantidade de imagens cortadas depende da configuração ppi (pixels por polegada) no arquivo de imagem.

Um recorte de pixel de Perfil de imagem é renderizado da seguinte maneira:

  • Os valores são Superior, Inferior, Esquerda e Direita.
  • A parte superior esquerda é considerada 0,0 e o corte de pixels é calculado a partir daí.
  • Ponto de partida do corte: A esquerda é X e a parte superior é Y
  • Cálculo horizontal: dimensão em pixels horizontais da imagem original menos Esquerda e depois menos Direita.
  • Cálculo vertical: altura vertical do pixel menos Superior e depois menos Inferior.

Por exemplo, suponha que você tenha uma imagem de 4000 x 3000 pixels. Você usa valores: Superior=250, Inferior=500, Esquerda=300, Direita=700.

Do corte superior esquerdo (300.250) usando o espaço de preenchimento de (4000-300-700, 3000-250-500 ou 3000.2250).

Corte inteligente Imagens de corte em massa com base em seu ponto focal visual.

O Smart Crop usa o poder da inteligência artificial no Adobe Sensei para automatizar rapidamente o recorte de imagens em massa. O Smart Crop detecta e recorta automaticamente o ponto focal em qualquer imagem para capturar o ponto de interesse pretendido, independentemente do tamanho da tela.

Para usar o Recorte inteligente, selecione Recorte inteligente na lista suspensa Opções de recorte, em seguida, à direita de Recorte de imagem responsiva, ative (ative) o recurso.

Os tamanhos padrão de ponto de interrupção (Grande, Médio, Pequeno) abrangem a gama completa de tamanhos que a maioria das imagens são usadas em dispositivos móveis e tablets, desktops e banners. Se desejar, edite os nomes padrão de Grande, Médio e Pequeno.

Para adicionar mais pontos de interrupção, clique em Adicionar Recorte; para excluir um corte, clique no ícone Garbage Can.

Amostra de cor e imagem A massa gera uma amostra de imagem para cada imagem.

Observação: A Smart Swatch não é compatível com o Dynamic Media Classic.

Localize e gere automaticamente amostras de alta qualidade a partir de imagens de produtos que mostram cor ou textura.

Para usar a Amostra de cores e imagens, selecione Recorte inteligente na lista suspensa Opções de recorte. Em seguida, à direita de Cor e Amostra de imagem, ative (ative) o recurso. Insira um valor de pixel nas caixas de texto Largura e Altura.

Enquanto todos os recortes de imagem estão disponíveis no painel Representações, as amostras são usadas somente por meio do recurso Copiar URL. Use seu próprio componente de visualização para renderizar a amostra em seu site. A exceção a essa regra são os banners de carrossel. A Dynamic Media fornece o componente de visualização para a amostra usada em banners de carrossel.

Uso de amostras de imagem

O URL para amostras de imagem é direto:

/is/image/company/<asset_name>:Swatch

Em que :Swatch é anexado à solicitação de ativo.

Uso de amostras de cores

Para usar amostras de cores, faça uma solicitação req=userdata com o seguinte:

/is/image/<company_name>/<swatch_asset_name>:Swatch?req=userdata

Por exemplo, este é um ativo de amostra no Dynamic Media Classic:

https://my.company.com:8080/is/image/DemoCo/Sleek:Swatch

E aqui está o URL req=userdata correspondente do ativo de amostra:

https://my.company.com:8080/is/image/DemoCo/Sleek:Swatch?req=userdata

A resposta req=userdata é a seguinte:

SmartCropDef=Swatch SmartCropHeight=200.0 SmartCropRect=0.421671,0.389815,0.0848564,0.0592593,200,200 SmartCropType=Swatch SmartCropWidth=200.0 SmartSwatchColor=0xA56DB2

Você também pode solicitar uma resposta req=userdata no formato XML ou JSON, como nos seguintes exemplos de URL:

https://my.company.com:8080/is/image/DemoCo/Sleek:Swatch?req=userdata,xml

SmartSwatchColor

Tirar nitidez da máscara

Use a Tirar nitidez da máscara para ajustar um efeito de filtro de nitidez na imagem final com resolução reduzida. Você pode controlar a intensidade do efeito, o raio do efeito (medido em pixels) e um limite de contraste que é ignorado. Esse efeito usa as mesmas opções do filtro "Tirar nitidez da máscara" do Adobe Photoshop.

OBSERVAÇÃO

A máscara de nitidez só é aplicada a representações em baixa dentro do PTIFF (tiff de pirâmide) com resolução reduzida superior a 50%. Isso significa que as representações de maior tamanho dentro do ptiff não são afetadas por máscara de nitidez. Enquanto isso, representações de tamanho menor, como miniaturas, são alteradas (e mostram a máscara de nitidez).

Em Máscara de nitidez, você tem as seguintes opções de filtragem:

Opção Descrição
Quantidade Controla a quantidade de contraste aplicada aos pixels da borda. O padrão é 1,75. Para imagens de alta resolução, é possível aumentar para até 5. Pense em Amount como uma medida da intensidade do filtro. O intervalo é de 0 a 5.
Raio Determina o número de pixels em torno dos pixels de borda que afetam a nitidez. Para imagens de alta resolução, insira de 1 a 2. Um valor baixo aplica nitidez apenas aos pixels de borda; um valor alto aplica nitidez a uma faixa mais ampla de pixels. O valor correto depende da imagem. O valor padrão é 0,2. O intervalo é de 0 a 250.
Limite

Determina o intervalo de contraste a ser ignorado quando o filtro de máscara de nitidez é aplicado. Em outras palavras, essa opção determina o quão diferentes os pixels com nitidez devem ser da área ao redor antes que sejam considerados pixels de borda e sejam apontados. Para evitar a introdução de ruído, experimente valores entre 0 e 255.

O ajuste de nitidez está descrito em Imagens de Nitidez.

Criando Perfis de Imagem Dynamic Media

Para definir parâmetros de processamento avançados para outros tipos de ativos, consulte Configurando o Processamento de Ativos.

Consulte Sobre Perfis de imagem Dynamic Media e Perfis de vídeo.

Consulte também Práticas recomendadas para organizar seus ativos digitais para usar Perfis de processamento.

Para criar Perfis de imagem Dynamic Media

  1. Toque no logotipo AEM e navegue até Ferramentas > Ativos > Perfis de imagem.

  2. Para adicionar um Perfil de imagem, toque em Criar.

  3. Insira um nome de perfil e valores para máscara de nitidez, recorte ou amostra, ou ambos.

    Dica: Use um nome de perfil específico para a finalidade pretendida. Por exemplo, suponha que você queira criar um perfil que gera apenas amostras. Ou seja, a opção Recorte inteligente está desativada (desativada) e a Amostra de cores e imagens está ativada (ativada). Nesses casos, você pode usar o nome do perfil "Amostras inteligentes".

    Consulte também Opções de recorte inteligente e amostra inteligente e Tirar nitidez da máscara.

    cortar

  4. Toque em Salvar. O perfil recém-criado é exibido na lista dos perfis disponíveis.

Edição ou exclusão de Perfis de imagem Dynamic Media

  1. Toque no logotipo AEM e navegue até Ferramentas > Ativos > Perfis de imagem.

  2. Selecione o Perfil de imagem que deseja editar ou remover. Para editá-lo, selecione Editar Perfil de processamento de imagem. Para removê-lo, selecione Excluir Perfil de processamento de imagem.

    chlimage_1-254

  3. Se estiver editando, salve as alterações. Se estiver excluindo, confirme que deseja remover o perfil.

Aplicar um Perfil de imagem Dynamic Media a pastas

Quando você atribui um Perfil de imagem a uma pasta, qualquer subpasta herda automaticamente o perfil da pasta pai. Dessa forma, você pode atribuir apenas um Perfil de imagem a uma pasta. Dessa forma, considere cuidadosamente a estrutura de pastas de onde você carrega, armazena, usa e arquiva ativos.

Se você atribuiu um Perfil de imagem diferente a uma pasta, o novo perfil substituirá o perfil anterior. Os ativos de pasta existentes anteriormente permanecem inalterados. O novo perfil é aplicado aos ativos adicionados posteriormente à pasta.

As pastas com um perfil atribuído a ele são indicadas na interface do usuário com o nome do perfil que aparece no cartão.

Você pode aplicar Perfis de imagem a pastas específicas ou globalmente a todos os ativos.

Você pode reprocessar ativos em uma pasta que já tenha um Perfil de imagem existente que você tenha alterado posteriormente. Consulte o reprocessando de ativos em uma pasta após a edição do perfil de processamento.

Aplicar Perfis de imagem Dynamic Media a pastas específicas

Você pode aplicar um Perfil de imagem a uma pasta no menu Ferramentas ou, se estiver na pasta, em Propriedades.

As pastas que têm um perfil já atribuído a elas são indicadas ao exibir do nome do perfil logo abaixo do nome da pasta.

Você pode reprocessar ativos em uma pasta que já tenha um perfil de vídeo existente que você tenha alterado posteriormente. Consulte o reprocessando de ativos em uma pasta após a edição do perfil de processamento.

Aplicação de Perfis de imagem Dynamic Media a pastas da interface de usuário de Perfis

  1. Toque no logotipo AEM e navegue até Ferramentas > Ativos > Perfis de imagem.

  2. Selecione o Perfil de imagem que deseja aplicar a uma pasta ou várias pastas.

    chlimage_1-255

  3. Toque em Aplicar Perfil de Processamento às Pastas e selecione a pasta ou várias pastas que deseja usar para receber os ativos carregados recentemente e toque/clique em Aplicar. As pastas que têm um perfil já atribuído a elas são indicadas ao exibir do nome do perfil logo abaixo do nome da pasta.

Aplicar Perfis de imagem Dynamic Media a pastas a partir de Propriedades

  1. Toque no logotipo AEM e navegue até Assets e, em seguida, para a pasta à qual deseja aplicar um Perfil de imagem.

  2. Na pasta, toque na marca de seleção para selecioná-la e, em seguida, toque em Propriedades.

  3. Toque na guia Perfis de imagem. Na lista suspensa Nome do perfil, selecione o perfil e toque em Salvar e fechar. As pastas que têm um perfil já atribuído a elas são indicadas ao exibir do nome do perfil logo abaixo do nome da pasta.

    chlimage_1-256

Aplicar um Perfil de imagem Dynamic Media globalmente

Além de aplicar um perfil a uma pasta, também é possível aplicar um globalmente. Qualquer conteúdo carregado nos Ativos do Experience Manager em qualquer pasta terá o perfil selecionado aplicado.

Você pode reprocessar ativos em uma pasta que já tenha um perfil de vídeo existente que você tenha alterado posteriormente. Consulte o reprocessando de ativos em uma pasta após a edição do perfil de processamento.

Para aplicar um Perfil de imagem Dynamic Media globalmente:

  1. Faça uma das seguintes opções:

    • Navegue até https://&lt;AEM server&gt;/mnt/overlay/dam/gui/content/assets/foldersharewizard.html/content/dam e aplique o perfil apropriado e toque Salvar.

      chlimage_1-257

    • Navegue até CRXDE Lite até o seguinte nó: /content/dam/jcr:content.

      Adicione a propriedade imageProfile:/conf/global/settings/dam/adminui-extension/imageprofile/<name of image profile> e toque em Salvar tudo.

      configure_image_perfis

Editar o recorte inteligente ou a amostra inteligente de uma única imagem

Você pode realinhar ou redimensionar manualmente a janela de recorte inteligente de uma imagem para refinar ainda mais seu ponto focal.

Depois de editar um recorte inteligente e salvar, a alteração é propagada em qualquer lugar em que você usa o recorte para as imagens específicas.

Você pode executar novamente o recorte inteligente para gerar as colheitas adicionais novamente, se necessário.

Consulte também Editar o recorte inteligente ou a amostra inteligente de várias imagens.

Para editar o recorte inteligente ou a amostra inteligente de uma única imagem

  1. Toque no logotipo AEM e navegue até Assets, em seguida, até a pasta que tem um Perfil inteligente de imagens de corte ou amostra inteligente aplicado.

  2. Para abrir o conteúdo, toque na pasta.

  3. Toque na imagem cujo recorte inteligente ou amostra inteligente você deseja ajustar.

  4. Na barra de ferramentas, toque em Recorte inteligente.

  5. Siga um destes procedimentos:

    • Próximo ao canto superior direito da página, arraste a barra deslizante para a esquerda ou direita para aumentar ou diminuir a exibição da imagem, respectivamente.
    • Na imagem, arraste uma alça de canto para ajustar o tamanho da área visível do corte ou da amostra.
    • Na imagem, arraste a caixa/amostra até um novo local. Você só pode editar amostras de imagem; as amostras de cores são estáticas.
    • Acima da imagem, toque em Reverter para desfazer todas as suas edições e restaurar o recorte ou a amostra original.
    • Use as teclas de seta do teclado para cortar o tamanho do quadro, reposicionar a imagem ou ambas.
  6. Perto do canto superior direito da página, toque em Salvar e, em seguida, toque em Fechar para voltar à pasta de ativos.

Editar o recorte inteligente ou a amostra inteligente de várias imagens

Depois de aplicar um Perfil de imagem, contendo o Recorte inteligente, a uma pasta, todas as imagens dessa pasta terão um recorte aplicado a elas. Se desejar, você pode manualmente realinhar ou redimensionar a janela de recorte inteligente em várias imagens para refinar ainda mais seu ponto focal.

Depois de editar um recorte inteligente e salvar, a alteração é propagada em qualquer lugar em que você usa o recorte para as imagens específicas.

Você pode executar novamente o recorte inteligente para gerar as colheitas adicionais novamente, se necessário.

Para editar o recorte inteligente ou a amostra inteligente de várias imagens

  1. Toque no logotipo AEM e navegue até Assets, em seguida, para uma pasta que tenha um recorte inteligente ou um Perfil de imagem de amostra inteligente aplicado a ele.

  2. Na pasta, toque no ícone Mais ações (…) e, em seguida, toque em Recorte inteligente.

  3. Na página Editar recortes inteligentes, execute um dos procedimentos a seguir:

    • Ajuste o tamanho de exibição das imagens na página.

      À direita da lista suspensa do nome do ponto de interrupção, arraste a barra deslizante para a esquerda ou direita para alterar o tamanho da exibição da imagem visível.

      edit_smart_ches-sliderbar

    • Filtre a lista de imagens visualizáveis com base em nomes de pontos de interrupção. No exemplo abaixo, as imagens são filtradas no nome do ponto de interrupção "Médio".

      Próximo ao canto superior direito da página, na lista suspensa, selecione um nome de ponto de interrupção para filtrar as imagens que você vê. (Consulte a imagem acima.)

      edit_smart_lines-dropdownlist

    • Redimensione a caixa de corte inteligente. Execute um dos procedimentos a seguir:

      • Se a imagem tiver apenas um recorte inteligente ou uma amostra inteligente, arraste na imagem a alça do canto da caixa de recorte. Ajuste o tamanho da área visível do corte.
      • Se a imagem tiver um recorte inteligente e uma amostra inteligente, arraste na imagem a alça do canto da caixa de recorte. Ajuste o tamanho da área visível do corte. Ou toque na amostra inteligente abaixo da imagem (as amostras de cores são estáticas) e arraste a alça do canto da caixa de corte. Ajuste o tamanho da área visível da amostra.

      Redimensionamento do recorte inteligente de uma imagem.

    • Mova a caixa de recorte inteligente. Execute um dos procedimentos a seguir:

      • Se a imagem tiver apenas um recorte inteligente ou uma amostra inteligente, arraste a caixa de recorte para um novo local.
      • Se a imagem tiver um recorte inteligente e uma amostra inteligente, arraste a caixa de recorte inteligente para um novo local. Ou, toque ou clique na amostra inteligente abaixo da imagem (as amostras de cores são estáticas) e arraste a caixa de recorte de amostra inteligente para um novo local.

      edit_smart_ches-move

    • Desfaça todas as edições e restaure o recorte inteligente ou a amostra inteligente original (aplica-se somente à sessão de edição atual).

      Toque em Reverter acima da imagem.

      edit_smart_lines-revert

  4. Perto do canto superior direito da página, toque em Salvar e, em seguida, toque em Fechar para voltar à pasta de ativos.

Removendo um Perfil de imagem das pastas

Quando você remove um Perfil de imagem de uma pasta, qualquer subpasta herda automaticamente a remoção do perfil da pasta pai. No entanto, qualquer processamento de arquivos que tenha ocorrido dentro das pastas permanece intacto.

Você pode remover um Perfil de imagem de uma pasta do menu Ferramentas ou, se estiver na pasta, de Propriedades.

Remoção de Perfis de imagem Dynamic Media de pastas por meio da interface de usuário de Perfis

  1. Toque no logotipo AEM e navegue até Ferramentas > Ativos > Perfis de imagem.

  2. Selecione o Perfil de imagem que deseja remover de uma pasta ou de várias pastas.

  3. Toque em Remover Perfil de Processamento das Pastas e selecione a pasta ou várias pastas que deseja usar para remover o perfil e toque em Remover.

    Você pode confirmar que o Perfil de imagem não é mais aplicado a uma pasta porque o nome não aparece mais abaixo do nome da pasta.

Remoção de Perfis de imagem Dynamic Media de pastas por meio de Propriedades

  1. Toque no logotipo AEM e navegue Assets até a pasta da qual você deseja remover um Perfil de imagem.

  2. Na pasta, toque na marca de seleção para selecioná-la e, em seguida, toque em Propriedades.

  3. Selecione a guia Perfis de imagem.

  4. Na lista suspensa Nome do Perfil, selecione Nenhum e, em seguida, toque em Salvar e fechar.

    As pastas que têm um perfil já atribuído a elas são indicadas ao exibir do nome do perfil logo abaixo do nome da pasta.

Nesta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free