Gerenciamento de predefinições da imagem do Dynamic Media managing-image-presets
As Predefinições de imagem permitem que o Adobe Experience Manager Assets forneça imagens dinamicamente em diferentes tamanhos, formatos 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 ela for entregue para visualização.
Os administradores podem criar predefinições para exportar ativos. Os usuários podem escolher uma predefinição ao exportar imagens, o que também reformata 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 aos seus ativos, eles mudam dependendo do dispositivo ou tamanho da tela em que são exibidos. É possível 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. É possível aplicar uma predefinição de imagem a uma imagem sempre que ela for visualizada. Consulte Aplicando Predefinições De Imagem.
Noções básicas sobre predefinições de imagem do Dynamic Media understanding-image-presets
Como uma macro, uma Predefinição de imagem é uma coleção predefinida de comandos de dimensionamento e formatação salvos com um nome. Para entender como as Predefinições de imagem funcionam, suponha que seu site exija que cada imagem do produto seja exibida em tamanhos, formatos e taxas de compactação diferentes para entrega de desktops e dispositivos móveis.
Você pode criar duas predefinições de imagem: uma com 500 x 500 pixels para a versão para desktop e 150 x 150 pixels para a versão móvel. Você cria duas Predefinições de Imagem, uma chamada Enlarge
para exibir imagens a 500x500 pixels e outra chamada Thumbnail
para exibir imagens a 150 x 150 pixels. Para fornecer imagens no tamanho Enlarge
e Thumbnail
, o Experience Manager procura a definição da Predefinição Enlarge Image e da Predefinição Thumbnail Image. Em seguida, o Experience Manager gera dinamicamente uma imagem com as especificações de tamanho e formatação de cada Predefinição de imagem.
Imagens com tamanho reduzido 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, inicie do zero ou inicie a partir de uma predefinição existente e salve-a com um novo nome.
Gerenciamento de predefinições da imagem do Dynamic Media managing-image-presets-1
Você gerencia suas predefinições de imagem no Experience Manager tocando ou clicando no logotipo do Experience Manager para acessar o console de navegação global e, em seguida, tocando ou clicando no ícone Ferramentas e navegando até Assets > Predefinições de imagem.
Recortes inteligentes, Adobe Illustrator (AI), Postscript (EPS) e formatos de arquivo PDF adobe-illustrator-ai-postscript-eps-and-pdf-file-formats
Se sua intenção for oferecer suporte à assimilação de arquivos AI, EPS e PDF para que você possa gerar representações dinâmicas desses formatos de arquivo, revise as informações a seguir antes de criar predefinições de imagem.
O formato de arquivo do Adobe Illustrator é uma variante do PDF. As principais diferenças, no contexto do Experience Manager 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 único subativo de PDF de página no documento principal de PDF de várias páginas.
Os subativos são criados pelo componente Create Sub Asset process
dentro do fluxo de trabalho DAM Update Asset
geral. Para ver este componente do processo no fluxo de trabalho, selecione Ferramentas > Fluxo de trabalho > Modelos > Ativo de atualização do DAM > Editar.
Consulte também Exibição de páginas de um arquivo de várias páginas.
É possível exibir os subativos ou as páginas ao abrir o ativo, selecionar o menu Conteúdo e selecionar Subativos ou Páginas. Os subativos são ativos reais. Ou seja, as páginas de PDF são extraídas pelo componente de fluxo de trabalho Create Sub Asset
. Eles são armazenados como page1.pdf
, page2.pdf
e assim por diante, abaixo do ativo principal. Após serem armazenados, o fluxo de trabalho DAM Update Asset
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 fluxo de trabalho
DAM Update Asset
, o componente de processoRasterize PDF/AI Image Preview Rendition
rasteriza a primeira página do ativo original, usando a resolução configurada, em uma representaçãocqdam.preview.png
. -
A representação
cqdam.preview.png
é otimizada em um PTIFF pelo componente de processoDynamic Media Process Image Assets
no fluxo de trabalho.
Propriedades de metadados de ativos do PDF/AI/EPS pdf-ai-eps-asset-metadata-properties
dam:Physicalwidthininches
dam:Physicalheightininches
Você acessa Rasterize PDF/AI Image Preview Rendition
opções do componente do processo por meio do fluxo de trabalho DAM Update Asset
.
No canto superior esquerdo, selecione Adobe Experience Manager, navegue até Ferramentas > Fluxo de trabalho > Modelos. Na página Modelos de fluxo de trabalho, selecione Ativo de atualização do DAM e, na barra de ferramentas, selecione Editar. Na página de fluxo de trabalho Ativo de atualização do DAM, selecione duas vezes o componente de processo Rasterize PDF/AI Image Preview Rendition
para abrir sua caixa de diálogo Propriedades da etapa.
Opções de Rasterizar representação da exibição de imagens do PDF/AI rasterize-pdf-ai-image-preview-rendition-options
Argumentos para rasterizar o fluxo de trabalho do PDF ou da IA
Usando os argumentos de processo padrão, 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 tamanho carta EUA a 300 ppi requer no máximo 2550 x 3300 pixels de largura e altura, respectivamente.
Largura máxima e Altura máxima limitam a resolução na qual rasterizar. Por exemplo, se os máximos não forem alterados 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 componente do processo Rasterize PDF/AI Image Preview Rendition
tem um máximo definido para garantir que ele não crie imagens muito grandes na memória. Essas imagens grandes podem estourar a memória fornecida para a JVM (Java™ Virtual Machine). É necessário tomar cuidado para fornecer à JVM memória suficiente para gerenciar o número configurado de workflows paralelos, com cada um tendo o potencial de criar uma imagem no tamanho máximo configurado.
formato de arquivo InDesign (INDD) indesign-indd-file-format
Se você pretende suportar a assimilação de arquivos INDD para gerar uma representação dinâmica desse formato de arquivo, convém revisar as informações a seguir antes de criar predefinições de imagem.
Para arquivos de InDesign, os sub-ativos são extraídos somente se o Adobe InDesign Server estiver integrado ao Experience Manager. 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 Experience Manager antes que os arquivos de InDesign sejam processados para que os links sejam criados entre os arquivos de InDesign e os ativos referenciados.
Consulte Integrando o Experience Manager Assets com o InDesign Server.
O componente do processo de Extração de Mídia no fluxo de trabalho DAM Update Asset
executa vários Scripts de Extensão pré-configurados para processar arquivos de InDesign.
Os caminhos do ExtendScript nos argumentos do componente do processo de Extração de Mídia no fluxo de trabalho Ativo de atualização do DAM.
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 definir o tamanho das miniaturas definindo essas configurações no fluxo de trabalho Ativo de atualização DAM. Há duas etapas no fluxo de trabalho nas quais você pode configurar o tamanho da miniatura de ativos de imagem. Embora (Dynamic Media Process Image Assets) seja usada para ativos de imagem dinâmica e (Process Thumbnails) seja para geração de miniaturas estáticas ou quando todos os outros processos não geram miniaturas, ambos devem 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 miniatura é definido no seguinte formato: width:height:center
, por exemplo, 80:80:false
. A largura e a altura determinam o tamanho da miniatura em pixels. O valor central é falso 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.
-
Os tamanhos de miniatura de arquivos do EPS são configurados na etapa Miniaturas do EPS, na guia Argumentos, em Miniaturas.
-
Os tamanhos de miniatura de vídeos são configurados na etapa Miniaturas de FFmpeg, na guia Processo em Argumentos.
Para configurar o tamanho da miniatura da imagem:
-
Selecione Ferramentas > Fluxo de trabalho > Modelos > Ativo de atualização do DAM > Editar.
-
Selecione a etapa Dynamic Media Process Image Assets e clique na guia Miniaturas. Altere o tamanho da miniatura, conforme necessário, e selecione OK.
-
Selecione a etapa Processar miniaturas e selecione a guia Miniaturas. Altere o tamanho da miniatura, conforme necessário, e selecione 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. -
Selecione Salvar para salvar as alterações no fluxo de trabalho.
Como 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 imagem criadas estão disponíveis como representações dinâmicas ao visualizar ativos. O Experience Manager mostra várias representações dinâmicas ao visualizar um ativo de Exibição detalhada > Representações. É possível aumentar ou diminuir o limite de representações exibidas.
Aumentar ou diminuir o número de predefinições de imagens do Dynamic Media exibidas:
-
Navegue até CRXDE Lite (https://localhost:4502/crx/de).
-
Navegue até o nó da listagem de predefinições de imagens em
/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist
-
Na propriedade limit, altere o Value, que é definido como 15 por padrão, para o número desejado.
-
Navegar até a fonte de dados de predefinição de imagem 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]}
-
Selecione Salvar tudo.
Criação de uma predefinição de imagem do Dynamic Media creating-image-presets
A criação de uma predefinição de imagem do Dynamic Media permite aplicar essas configurações a qualquer imagem ao pré-visualizar ou publicar.
Se sua intenção for oferecer suporte à assimilação de arquivos AI, PDF e EPS para que você possa gerar a representação dinâmica desses formatos de arquivo, revise as informações a seguir antes de criar predefinições de imagem.
Consulte formatos de arquivo Adobe Illustrator (AI), Postscript (EPS) e PDF.
Se você pretende suportar a assimilação de arquivos INDD para gerar uma representação dinâmica desse formato de arquivo, convém revisar as informações a seguir antes de criar predefinições de imagem.
Consulte o formato de arquivo INDD (InDesign).
Para criar uma predefinição de imagem do Dynamic Media:
-
No Experience Manager, selecione o logotipo Experience Manager para acessar o console de navegação global e selecione Ferramentas > Assets > Predefinições de imagem.
-
Clique em Criar. A janela Editar predefinição de imagem é aberta.
note note NOTE Para tornar essa predefinição de imagem responsiva, apague os valores nos campos largura e altura e deixe-os em branco. -
Insira valores nas guias 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 Criando Predefinições de Imagem. Ao inserir a altura e a largura na janela Editar predefinição de imagem, apague os valores e deixe-os em branco.
Deixá-los em branco informa ao Experience Manager que essa predefinição de imagem é responsiva. Você pode ajustar os outros valores conforme apropriado.
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, a Adobe recomenda que estas opções de "práticas recomendadas" comecem:
-
Formato (guia Básico) - 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 selecione Ativar nitidez simples (este filtro de nitidez oferece menos controle do que as configurações Tirar nitidez da máscara).
-
Nitidez: Modo De Reamostragem - Selecione Sharp2.
Opções da guia Básico basic-tab-options
Opções da guia Avançadas advanced-tab-options
Definição de 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 nas guias Básico e Avançado, é possível definir modificadores de imagem para oferecer mais opções ao definir predefinições de imagens. A Renderização de Imagem depende da API de renderização de imagem que está definida em detalhes na 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 um efeito de imagem negativo.
code language-xml &op_invert=1
-
op_blur - Aplica um filtro de desfoque à imagem.
code language-xml &op_blur=7
-
Comandos combinados - op_blur e op-invert
code language-xml &op_invert=1&op_blur=7
-
op_brightness - Diminui ou aumenta o brilho.
code language-xml &op_brightness=58
-
opac - Ajusta a opacidade da imagem. Permite diminuir a opacidade do primeiro plano.
code language-xml opac=29
Edição de predefinições da imagem modifying-image-presets
-
No Experience Manager, selecione o logotipo Experience Manager para acessar o console de navegação global e selecione Ferramentas > Assets > Predefinições de imagem.
-
Selecione uma predefinição e clique em Editar. A janela Editar predefinição de imagem é aberta.
-
Faça alterações e clique em Salvar para salvar as alterações ou em Cancelar para cancelar as alterações.
Publicação de predefinições de imagem do Dynamic Media publishing-image-presets
Se você estiver executando o Dynamic Media - Modo híbrido, publique manualmente as predefinições da imagem.
(Se você estiver executando o modo Dynamic Media - Scene7, as predefinições de imagem são publicadas automaticamente para você; não é necessário concluir essas etapas.)
Para publicar predefinições de imagem no Dynamic Media - Modo híbrido:
-
No Experience Manager, clique no logotipo do Experience Manager para acessar o console de navegação global, clique no ícone Ferramentas e navegue até Assets > Predefinições de imagem.
-
Selecione a predefinição de imagem ou várias predefinições de imagem na lista de predefinições de imagem e clique em Publish.
-
Depois que a predefinição de imagem é publicada, o status muda de não publicado para publicado.
Exclusão de predefinições de imagem do Dynamic Media deleting-image-presets
- No Experience Manager, clique no logotipo Experience Manager para acessar o console de navegação global.
- Selecione o ícone Ferramentas e navegue até Assets > Predefinições de imagem.
- Selecione uma predefinição e clique em Excluir. O Dynamic Media confirma que você deseja excluí-lo. Selecione Excluir para excluir ou selecione Cancelar para anular.