Gerenciamento de predefinições de imagens do Dynamic Media managing-image-presets
As predefinições de imagens permitem que o AEM Assets forneça dinamicamente imagens de diferentes tamanhos, formatos diferentes ou com outras propriedades de imagem geradas dinamicamente. Cada predefinição de imagem representa uma coleção predefinida de comandos de dimensionamento e formatação para a exibição de imagens. Ao criar uma Predefinição de imagem, você escolhe um tamanho para a entrega da imagem. Você também escolhe comandos de formatação para que a aparência da imagem seja otimizada quando a imagem for entregue para exibição.
Os administradores podem criar predefinições para exportar ativos. Os usuários podem escolher uma predefinição quando exportam imagens, o que também reformata as imagens para as especificações especificadas pelo administrador.
Também é possível criar predefinições de imagens responsivas. Se você aplicar uma predefinição de imagem responsiva a seus ativos, eles serão alterados dependendo do dispositivo ou do tamanho da tela em que são visualizados. Você pode configurar predefinições de imagens para usar CMYK no espaço de cores, além de RGB ou Cinza.
Esta seção descreve como criar, modificar e gerenciar predefinições de imagens em geral. Você pode aplicar uma predefinição de imagem a uma imagem sempre que visualizá-la. Consulte Aplicação de predefinições da imagem.
Noções básicas sobre predefinições de imagens do Dynamic Media understanding-image-presets
Como uma macro de software, uma Predefinição de imagem é uma coleção predefinida de comandos de dimensionamento e formatação salvos em um nome. Para entender como as Predefinições de imagem funcionam, suponha que o site exija que cada imagem do produto apareça em tamanhos diferentes, formatos diferentes e taxas de compactação para entrega de desktop e dispositivo móvel.
É possível criar duas predefinições de imagem: um com 500 x 500 pixels para a versão desktop e 150 x 150 pixels para a versão móvel. Você cria duas Predefinições de imagem, uma chamada Ampliar para exibir imagens a 500x500 pixels e uma chamada Miniatura para exibir imagens em 150 x 150 pixels. Para entregar imagens no tamanho de Enlarge e Thumbnail, AEM a definição de Enlarge Image Preset e Thumbnail Image Preset. Em seguida, AEM gera dinamicamente uma imagem no tamanho e nas especificações de formatação de cada Predefinição de imagem.
As imagens que são reduzidas quando entregues dinamicamente podem perder nitidez e detalhes. Por esse motivo, cada Predefinição de imagem contém controles de formatação para otimizar uma imagem quando ela é entregue em um tamanho específico. Esses controles garantem que suas imagens sejam nítidas e claras quando forem entregues ao seu site ou aplicativo.
Os administradores podem criar Predefinições de imagem. Para criar uma predefinição de imagem, você pode começar do zero ou começar com uma existente e salvá-la com um novo nome.
Gerenciamento de predefinições de imagens do Dynamic Media managing-image-presets-1
Gerencie as predefinições de imagens no AEM ao tocar no logotipo do AEM para acessar o console de navegação global e tocar no ícone Ferramentas e navegar até Ativos > Predefinições de imagem.
Adobe Illustrator (AI), Postscript (EPS) e formatos de arquivo PDF adobe-illustrator-ai-postscript-eps-and-pdf-file-formats
Se você pretende oferecer suporte à assimilação de arquivos AI, EPS e PDF para gerar representações dinâmicas desses formatos de arquivo, poderá revisar as seguintes informações antes de criar predefinições de imagem.
O formato de arquivo Adobe Illustrator é uma variante do PDF. As principais diferenças, no contexto do AEM Assets, são as seguintes:
- Os documentos do Adobe Illustrator consistem em uma única página com várias camadas. Cada camada é extraída como um subativo PNG no ativo principal do Illustrator.
- Os documentos PDF consistem em uma ou mais páginas. Cada página é extraída como um subativo de PDF de página única no documento principal de PDF de várias páginas.
Os subativos são criados pela variável Create Sub Asset process
no geral DAM Update Asset
fluxo de trabalho. Para ver esse componente de processo no fluxo de trabalho, toque em Ferramentas > Fluxo de trabalho > Modelos > Atualizar ativo do DAM > Editar.
Consulte também Exibição de páginas de um arquivo de várias páginas.
Você pode exibir os subativos ou as páginas ao abrir o ativo, tocar no menu Conteúdo e selecionar Subativos ou Páginas. Os subativos são ativos reais. Ou seja, PDF páginas são extraídas pela variável Create Sub Asset
componente de fluxo de trabalho. Eles são armazenados como page1.pdf
, page2.pdf
e assim por diante, abaixo do ativo principal. Depois que forem armazenadas, a variável Ativo de atualização DAM O workflow os processa.
Para usar o Dynamic Media para visualizar e gerar representações dinâmicas para arquivos AI, EPS ou PDF, as seguintes etapas de processamento são necessárias:
-
No Ativo de atualização DAM workflow, a variável Rasterizar representação de visualização de imagem do PDF/AI componente de processo rasteriza a primeira página do ativo original usando a resolução configurada em um
cqdam.preview.png
representação. -
O
cqdam.preview.png
a renderização é então otimizada em um PTIFF pelo Ativos de imagem de processo Dynamic Media componente de processo no fluxo de trabalho.
Propriedades de metadados de ativos PDF/AI/EPS pdf-ai-eps-asset-metadata-properties
Você acessa Rasterizar representação de visualização de imagem do PDF/AI processar as opções do componente por meio do Ativo de atualização DAM fluxo de trabalho.
Toque em Adobe Experience Manager no canto superior esquerdo, navegue até Ferramentas > Fluxo de trabalho > Modelos. No Modelos de fluxo de trabalho página, selecione Ativo de atualização DAM, em seguida, na barra de ferramentas, toque em Editar. No Fluxo de trabalho do Ativo de atualização DAM toque duas vezes na página Rasterizar representação de visualização de imagem do PDF/AI componente de processo para abrir seu Propriedades da etapa caixa de diálogo.
Rasterizar opções de representação de visualização de imagem PDF/AI rasterize-pdf-ai-image-preview-rendition-options
Argumentos para rasterizar o fluxo de trabalho do PDF ou AI
Usando os argumentos padrão do processo, a primeira página de um documento PDF/AI é rasterizada em 72 ppi e a imagem de visualização gerada é dimensionada em 2048 x 2048 pixels. Para uma implantação típica, convém aumentar a resolução para um mínimo de 150 ppi ou mais. Por exemplo, um documento de tamanho de letra dos EUA a 300 ppi requer uma largura e altura máximas de 2550 x 3300 pixels, respectivamente.
Largura máxima e Altura máxima limitar a resolução a ser rasterizada. Por exemplo, se os máximos estiverem inalterados e a Resolução for definida como 300 ppi, um documento Carta dos EUA será rasterizado em 186 ppi. Ou seja, o documento tem 1581 x 2046 pixels.
O Rasterizar representação de visualização de imagem do PDF/AI o componente de processo tem um máximo definido para garantir que não crie imagens excessivamente grandes na memória. Imagens tão grandes podem estender a memória fornecida para a JVM (Java Virtual Machine). Deve-se tomar cuidado para fornecer à JVM memória suficiente para gerenciar o número configurado de fluxos de trabalho paralelos, cada um com o potencial de criar uma imagem no tamanho máximo configurado.
Formato de arquivo INDD (InDesign) indesign-indd-file-format
Se você pretende suportar a assimilação de arquivos INDD para gerar a representação dinâmica desse formato de arquivo, convém revisar as seguintes informações antes de criar predefinições de imagem.
Para arquivos InDesign, os sub-ativos são extraídos somente se o servidor Adobe InDesign estiver integrado ao AEM. Os ativos referenciados são vinculados com base em seus metadados. O InDesign Server não é necessário para vinculação. No entanto, os ativos referenciados devem estar presentes no AEM antes que os arquivos do InDesign sejam processados para que os links sejam criados entre os arquivos do InDesign e os ativos referenciados.
Consulte Integração do AEM Assets com o InDesign Server.
O componente do processo de Extração de mídia no Ativo de atualização DAM o fluxo de trabalho é executado com vários pré-configurados Estender scripts para processar arquivos InDesign.
O Estender script caminhos nos argumentos de Extração de mídia componente de processo na Ativo de atualização DAM fluxo de trabalho.
Os seguintes scripts são usados pela integração do Dynamic Media:
Configuração do tamanho da miniatura da imagem configuring-image-thumbnail-size
Você pode configurar o tamanho das miniaturas definindo essas configurações no Ativo de atualização DAM fluxo de trabalho. Há duas etapas no fluxo de trabalho, onde você pode configurar o tamanho da miniatura dos ativos de imagem. Embora um (Ativos de imagem de processo Dynamic Media) é usado para ativos de imagem dinâmica e o outro (Processar miniaturas) para geração de miniaturas estáticas ou quando todos os outros processos não geram miniaturas, both deve ter as mesmas configurações.
Com a etapa Ativos de imagem de processo do Dynamic Media, as miniaturas são geradas pelo servidor de imagem e essa configuração é independente da configuração aplicada à etapa Processar miniaturas. Gerar miniaturas por meio da etapa Processar miniaturas é a maneira mais lenta e intensiva de memória para criar miniaturas.
O dimensionamento de miniaturas é definido no seguinte formato: larguracenter, por exemplo 80º:80:false. A largura e a altura determinam o tamanho em pixels da miniatura; o valor central é false ou true e, se definido como true, indica que a imagem em miniatura tem exatamente o tamanho fornecido na configuração. Se a imagem redimensionada for menor, ela será centralizada na miniatura.
-
O tamanho de miniatura dos arquivos EPS é configurado na etapa Miniaturas do EPS, na guia Argumentos **, em Miniaturas**.
-
O tamanho da miniatura de vídeos é configurado na etapa de Miniaturas do FFmpeg, na guia Processo, em Argumentos.
Para configurar o tamanho da miniatura:
-
Toque Ferramentas > Fluxo de trabalho > Modelos > Atualizar ativo do DAM > Editar.
-
Toque no Ativos de imagem de processo Dynamic Media em seguida, toque em Miniaturas guia . Altere o tamanho da miniatura, conforme necessário, e toque em OK.
-
Toque na etapa Processar miniaturas e toque na guia Miniaturas. Altere o tamanho da miniatura, conforme necessário, e toque em OK.
note note NOTE Os valores no argumento de miniaturas da etapa Processar miniaturas devem corresponder ao argumento de miniaturas na etapa Ativos de imagem do processo do Dynamic Media. -
Toque Salvar para salvar as alterações no workflow.
Aumentar ou diminuir o número de predefinições de imagens do Dynamic Media exibidas increasing-or-decreasing-the-number-of-image-presets-that-display
As predefinições de imagens criadas estão disponíveis como representações dinâmicas ao visualizar ativos. AEM mostra uma variedade de representações dinâmicas ao visualizar ativos de Exibição de detalhes > Representações. Você pode aumentar ou diminuir o limite de representações exibidas.
Para aumentar ou diminuir o número de predefinições de imagens do Dynamic Media exibidas:
-
Navegar para CRXDE Lite (http://localhost:4502/crx/de).
-
Navegue até o nó de listagem da predefinição de imagem em
/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist
-
No limite alterar a value, que é definido como 15 por padrão, para o número desejado.
-
Navegue até a fonte de dados da predefinição de imagens em
/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist/datasource
-
Na propriedade limit , altere o número para o número desejado, por exemplo
{empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}
-
Toque Salvar tudo.
Criação de predefinições de imagens do Dynamic Media creating-image-presets
Criar uma predefinição de imagem do Dynamic Media permite aplicar essas configurações a qualquer imagem ao visualizar ou publicar.
Se você pretende oferecer suporte à assimilação de arquivos AI, PDF e EPS para gerar a representação dinâmica desses formatos de arquivo, poderá consultar as informações a seguir antes de criar predefinições de imagem.
Consulte Adobe Illustrator (AI), Postscript (EPS) e formatos de arquivo PDF.
Se você pretende suportar a assimilação de arquivos INDD para gerar a representação dinâmica desse formato de arquivo, convém revisar as seguintes informações antes de criar predefinições de imagem. Consulte Formato de arquivo INDD (InDesign).
Para criar uma predefinição de imagem do Dynamic Media:
-
Em AEM, toque no logotipo do AEM para acessar o console de navegação global.
-
Toque no Ferramentas e navegue até Ativos > Predefinições de imagem.
-
Toque Criar.
note note NOTE Para tornar essa predefinição de imagem responsiva, apague os valores nos campos largura e altura e deixe-os em branco. -
No Editar predefinição de imagem insira valores no Básico e Avançado conforme apropriado, incluindo um nome. As opções são descritas em Opções de predefinição de imagem. As predefinições aparecem no painel à esquerda e podem ser usadas junto com outros ativos.
-
Clique em Salvar.
Criação de uma predefinição de imagem responsiva creating-a-responsive-image-preset
Para criar uma predefinição de imagem responsiva, execute as etapas em Criação de predefinições de imagens. Ao inserir a altura e a largura na variável Editar predefinição de imagem apague os valores e deixe-os em branco.
Deixá-los em branco informa AEM que essa predefinição de imagem é responsiva. É possível ajustar os outros valores, conforme necessário.
Opções de predefinição de imagem image-preset-options
Ao criar ou editar predefinições de imagens, você tem as opções descritas nesta seção. Além disso, o Adobe recomenda os três seguintes prática recomendada opções para iniciar:
- Formato (Básico Guia) - Selecione JPEG ou outro formato que atenda aos seus requisitos. Todos os navegadores da Web são compatíveis com o formato de imagem JPEG; ele oferece um bom equilíbrio entre arquivos pequenos e qualidade de imagem. No entanto, as imagens no formato JPEG usam um esquema de compactação com perdas que pode apresentar artefatos de imagem indesejados se a configuração de compactação for muito baixa. Por esse motivo, a Adobe recomenda definir a qualidade de compactação como 75. Essa configuração oferece um bom equilíbrio entre a qualidade da imagem e o tamanho pequeno de arquivo.
- Ativar nitidez simples - Não selecionar Ativar nitidez simples (esse filtro de nitidez oferece menos controle do que as configurações Tirar nitidez da máscara).
- Nitidez: Modo de nova amostra - Selecionar Sharp2.
Opções básicas da guia basic-tab-options
Opções avançadas de guia advanced-tab-options
Definição das opções de predefinição de imagem com modificadores de imagem defining-image-preset-options-with-image-modifiers
Além das opções disponíveis no Básico e Avançado guias, é possível definir modificadores de imagem para fornecer mais opções ao definir predefinições de imagem. A renderização de imagem depende da API de renderização de imagem do Dynamic Media. A API é definida detalhadamente na variável Referência do protocolo HTTP.
A seguir estão alguns exemplos básicos do que você pode fazer com modificadores de imagem.
-
op_invert - Inverte cada componente de cor para obter um efeito de imagem negativo.
code language-xml &op_invert=1
-
op_blur - Aplica um filtro de desfoque à imagem.
code language-xml &op_blur=25
-
Comandos combinados - op_blur e op-invert
code language-xml &op_invert=1&op_blur=25
-
op_brightness - Diminui ou aumenta o brilho.
code language-xml &op_brightness=75
-
opac - Ajusta a opacidade da imagem. Permite diminuir a opacidade do primeiro plano.
code language-xml opac=50
Editar predefinições da imagem modifying-image-presets
Para editar predefinições de imagens:
-
Em AEM, toque no logotipo do AEM para acessar o console de navegação global.
-
Toque no Ferramentas e navegue até Ativos > Predefinições de imagem.
-
Selecione uma predefinição e toque em Editar.
-
No Editar predefinições da imagem , faça as alterações desejadas e toque em Salvar.
Publicar predefinições de imagens do Dynamic Media publishing-image-presets
Se você estiver executando o Dynamic Media - Modo híbrido, será necessário publicar manualmente as predefinições de imagens.
Se você estiver executando o modo Dynamic Media - Scene7, as predefinições de imagens serão publicadas automaticamente para você; não é necessário concluir essas etapas.
Para publicar predefinições de imagens no Dynamic Media - Modo híbrido:
-
Em AEM, toque no logotipo do AEM para acessar o console de navegação global.
-
Toque no Ferramentas e navegue até Ativos > Predefinições de imagem.
-
Selecione a predefinição de imagem ou várias predefinições de imagem da lista de predefinições de imagem e toque em Publicar.
-
Após a publicação da predefinição de imagem, o status muda de não publicado para publicado.
Excluir predefinições de imagens do Dynamic Media deleting-image-presets
- Em AEM, toque no logotipo do AEM para acessar o console de navegação global.
- Toque no Ferramentas e navegue até Ativos > Predefinições de imagem.
- Selecione uma predefinição e toque em Excluir. A Dynamic Media confirma que você deseja excluí-la. Toque Excluir.