perfis de imagem Dynamic Media

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

OBSERVAÇÃO

O Smart Crop está disponível somente no modo Dynamic Media - Scene7.

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. Ou seja, para as várias 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 mídia dinâmica. Por isso, o Adobe recomenda que você use a mesma área de corte. Isso garantirá que não haja impacto em diferentes dimensões usadas no perfil de imagem.

Esteja ciente de que cada geração de Recorte inteligente criada requer processamento extra. Por exemplo, adicionar mais de cinco proporções de Recorte inteligente pode resultar em uma taxa lenta de ingestão de ativos. Ele 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 nas quais pode 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 canto superior esquerdo (300.250) recorte 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 pontos de interrupção Grandes, Médios e Pequenos geralmente 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 Gerar uma amostra de imagem em massa 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 Amostra de cores e imagens, 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. Observe que você deve usar seu próprio componente de visualização para renderizar a amostra em seu site. (A exceção a isso são 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. Ou seja:

/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 este é 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 Máscara de nitidez para ajustar um efeito de filtro de nitidez na imagem final com resolução reduzida. Controle a intensidade do efeito, o raio do efeito (medido em pixels) e um limite de contraste que será 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 porte dentro do PTIFF não são afetadas por máscaras de nitidez, enquanto representações de menor tamanho, como miniaturas, são alteradas (e mostrarão 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.

Para criar perfis de imagem Dynamic Media:

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

  2. Toque em Criar para adicionar um novo perfil de imagem.

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

    Você pode achar útil usar um nome de perfil que seja específico para a finalidade pretendida. Por exemplo, se você deseja criar um perfil que gera apenas amostras, ou seja, o Smart Crop está desativado (desativado) e o Color e Image Swatch está ativado (ativado), você pode usar o nome do perfil "Smart Swatches".

    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.

Editar ou excluir 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. Isso significa que 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 que têm um perfil atribuído a ele são indicadas na interface do usuário pelo nome do perfil que aparece no cartão.

Ao adicionar recorte inteligente a um perfil de imagem existente, é necessário reativar o fluxo de trabalho de Atualização de ativo do DAM se você deseja gerar cortes para ativos existentes no repositório de ativos.

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

Aplicar perfis de imagem Dynamic Media a pastas específicas

Aplique um perfil de imagem a uma pasta no menu Ferramentas ou, se estiver na pasta, em Propriedades. Esta seção descreve como aplicar perfis de imagem a pastas de ambas as maneiras.

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.

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) pasta(s) 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 do Dynamic Media a pastas de Propriedades

  1. Toque no logotipo AEM e navegue até Assets e, em seguida, até 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 para que qualquer conteúdo carregado AEM ativos em qualquer pasta tenha o perfil selecionado aplicado.

Para aplicar um perfil de imagem Dynamic Media globalmente:

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

    • Navegue até https://<AEM server>/mnt/overlay/dam/gui/content/assets/foldersharewizard.html/content/dam e aplique o perfil apropriado e toque em 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

OBSERVAÇÃO

O Smart Crop está disponível somente no modo Dynamic Media - Scene7.

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 de imagem de recorte inteligente ou de amostra aplicado.

  2. Toque na pasta para abrir seu conteúdo.

  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.

  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 - que contém o Smart Crop - 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 perfil de imagem de recorte inteligente ou de amostra aplicado.

  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 para ajustar o tamanho da área visível do recorte.
      • Se a imagem tiver um recorte inteligente e uma amostra inteligente, arraste a alça do canto da caixa de recorte para ajustar o tamanho da área visível do recorte. Ou, toque ou clique na amostra inteligente abaixo da imagem (as amostras de cores são estáticas), em seguida, arraste a alça do canto da caixa de corte para ajustar 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 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. Próximo ao canto superior direito da página, toque em Salvar. em seguida, toque em Fechar para retornar à pasta de ativos.

Removendo um perfil de imagem de 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.

Remova um perfil de imagem de uma pasta no menu Ferramentas ou, se estiver na pasta, em Propriedades. Esta seção descreve como remover perfis de imagem de pastas de ambas as maneiras.

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 uma 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 do 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