As predefinições de imagens permitem que o AEM Assets forneça dinamicamente imagens de tamanhos diferentes, formatos diferentes ou com outras propriedades de imagem geradas dinamicamente. Cada predefinição de imagem representa uma coleção predefinida de comandos de tamanho e formato para a exibição de imagens. Ao criar uma predefinição de imagem, escolha um tamanho para o delivery de 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 ao exportar imagens, o que também reformata as imagens de acordo com as especificações especificadas pelo administrador.
Também é possível criar predefinições de imagens que respondem. Se você aplicar uma predefinição de imagem responsiva aos seus ativos, eles serão alterados dependendo do dispositivo ou do 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 pré-visualização. Consulte Aplicação de predefinições de imagens.
A geração de imagens inteligentes funciona com as predefinições de imagens existentes e usa inteligência no último milissegundo do delivery para reduzir ainda mais o tamanho do arquivo de imagem com base na velocidade do navegador ou da conexão de rede. Consulte Imagens inteligentes para obter mais informações.
Como uma macro de software, uma predefinição de imagem é uma coleção predefinida de comandos de dimensionamento e formatação salvos sob um nome. Para entender como as predefinições de imagens funcionam, suponha que seu site exija que cada imagem de produto apareça em tamanhos diferentes, formatos diferentes e taxas de compactação para desktop e delivery móvel.
É possível 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 para dispositivos móveis. Você cria duas predefinições de imagens, uma chamada Enlarge para exibir imagens a 500x500 pixels e outra chamada Miniatura para exibir imagens a 150 x 150 pixels. Para fornecer imagens no tamanho Ampliar e Miniatura, AEM a definição de Predefinição de Imagem de ampliação e Predefinição de Imagem de miniatura. 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 em tamanho 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 imagens. Para criar uma predefinição de imagem, é possível criar um start do zero ou start de uma existente e salvá-la com um novo nome.
Você gerencia as predefinições de imagens no AEM tocando no logotipo AEM para acessar o console de navegação global e, em seguida, tocando no ícone Ferramentas e navegando até Ativos > Predefinições de imagem.
Todas as predefinições de imagens criadas também estão disponíveis como representações dinâmicas quando você pré-visualização ou entrega ativos.
Em Dynamic Media - modo Scene7, e não é necessário publicar predefinições de imagens, já que as predefinições de imagens são publicadas automaticamente.
Em Dynamic Media - Modo híbrido, é necessário publicar manualmente as predefinições de imagens.
O sistema exibe várias representações quando você seleciona Representações na Visualização Detail de um ativo. Você pode aumentar ou diminuir o número de predefinições de imagens exibidas. Consulte Aumentando o número de predefinições de imagens que exibem.
Se você pretende oferecer suporte à ingestão de arquivos AI, EPS e PDF para que você possa gerar representações dinâmicas desses formatos de arquivo, talvez você queira 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 da AEM Assets, são as seguintes:
Os subativos são criados pelo componente Create Sub Asset process
dentro do fluxo de trabalho geral DAM Update Asset
. Para ver esse componente de processo no fluxo de trabalho, toque em Ferramentas > Fluxo de trabalho > Modelos > Ativo de atualização do DAM > Editar.
Consulte também Visualização de páginas de um arquivo de várias páginas.
Você pode visualização os subativos ou as páginas ao abrir o ativo, tocar no menu Conteúdo e selecionar Subassets 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. Depois de armazenados, o fluxo de trabalho DAM Update Asset processa-os.
Para usar o Dynamic Media para pré-visualização e gerar renderizações dinâmicas para arquivos AI, EPS ou PDF, são necessárias as seguintes etapas de processamento:
No fluxo de trabalho Ativo de atualização do DAM, o componente de processo Rasterizar representação de Pré-visualização de imagem do PDF/AI rasteriza a primeira página do ativo original - usando a resolução configurada - em uma representação cqdam.preview.png
.
A renderização cqdam.preview.png
é então otimizada em um PTIFF pelo componente de processo Dynamic Media Process Image Assets dentro do fluxo de trabalho.
No fluxo de trabalho DAM Update Asset, a etapa miniaturas EPS gera miniaturas para arquivos EPS.
Propriedade Metadata | Descrição |
---|---|
dam:Physicalwidthininches | Largura do documento em polegadas. |
dam:Physicalheightininches | Altura do documento em polegadas. |
Você acessa Rasterizar a representação de Pré-visualização de imagem PDF/AI as opções de componente do processo por meio do fluxo de trabalho Ativo de atualização do DAM.
Toque em Adobe Experience Manager no canto superior esquerdo, navegue até Ferramentas > Fluxo de trabalho > Modelos. Na página Modelos de Fluxo de Trabalho, selecione Ativo de Atualização do DAM e, em seguida, na barra de ferramentas, toque em Editar. Na página Fluxo de trabalho do Ativo de atualização do DAM, toque no duplo da caixa de diálogo Rasterizar representação de Pré-visualização de imagem do PDF/AI para abrir a caixa de diálogo Propriedades da etapa.
Argumentos para rasterizar o fluxo de trabalho de PDF ou AI
Argumento do processo | Configuração padrão | Descrição |
Tipos de mime | application/pdf application/postscript application/illustrator |
Lista de tipos MIME de documentos considerados documentos PDF ou Illustrator. |
Largura máxima | 2048 | Largura máxima da representação de pré-visualização gerada, em pixels. |
Altura máxima | 2048 | Altura máxima da representação de pré-visualização gerada, em pixels. |
Resolução | 72 | Resolução para rasterizar a primeira página, em ppi (pixels por polegada). |
Usando os argumentos de processo padrão, a primeira página de um documento PDF/AI é rasterizada em 72 ppi e a imagem de pré-visualização gerada é dimensionada em 2048 x 2048 pixels. Para uma implantação típica, você pode aumentar a resolução para um mínimo de 150 ppi ou mais. Por exemplo, um documento tamanho carta 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 limitam a resolução na qual rasterizar. 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 é de 1581 x 2046 pixels.
O componente de processo Rasterizar representação de imagem PDF/AI tem um máximo definido para garantir que não crie imagens excessivamente grandes na memória. Essas imagens grandes podem estender a memória fornecida para a JVM (Java Virtual Machine). É necessário ter cuidado para fornecer à JVM memória suficiente para gerenciar o número configurado de workflows paralelos, cada um com potencial para criar uma imagem no tamanho máximo configurado.
Se você pretende suportar a ingestão de arquivos INDD para que possa gerar a representação dinâmica desse formato de arquivo, é recomendável revisar as seguintes informações antes de criar predefinições de imagem.
Para arquivos de InDesign, os subativos 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. InDesign Server não é necessário para vinculação. No entanto, os ativos referenciados devem estar presentes no AEM antes que os arquivos de InDesign sejam processados para que os links sejam criados entre os arquivos de InDesign e os ativos referenciados.
Consulte Integração do AEM Assets com o InDesign Server.
O componente de processo de Extração de mídia no fluxo de trabalho Ativo de atualização do DAM executa vários Scripts Extend pré-configurados para processar arquivos de InDesign.
Os caminhos Estender script nos argumentos do componente de processo Extração de mídia no fluxo de trabalho DAM Update Asset.
Os seguintes scripts são usados pela integração do Dynamic Media:
Estender nome do script | Padrão | Descrição |
ThumbnailExport.jsx | Sim | Gera uma execução de 300 ppi thumbnail.jpg que é otimizada e transformada em uma execução PTIFF pelo componente de processo Dynamic Media Process Image Assets . |
JPEGPagesExport.jsx | Sim | Gera um subativo JPEG de 300 ppi para cada página. O subativo JPEG é um ativo real armazenado no ativo do InDesign. Ele também é otimizado e transformado em um PTIFF pelo fluxo de trabalho DAM Update Asset . |
PDFPagesExport.jsx | Não | Gera um subativo PDF para cada página. O subativo PDF é processado conforme descrito anteriormente. Como o PDF contém apenas uma única página, nenhum subativo é gerado. |
Você pode configurar o tamanho das miniaturas configurando essas configurações no fluxo de trabalho DAM Update Asset. Há duas etapas no fluxo de trabalho nas quais você pode configurar o tamanho da miniatura dos ativos de imagem. Embora um (Dynamic Media Process Image Assets) seja 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, 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 miniaturas é definido no seguinte formato: width:height:center, por exemplo 80:80:false. A largura e a altura determinam o tamanho em pixels da miniatura; o valor central é falso ou verdadeiro e, se definido como verdadeiro, 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 em Ferramentas > Fluxo de trabalho > Modelos > Ativo de atualização do DAM > Editar.
Toque na etapa Dynamic Media Process Image Assets e, em seguida, toque na guia Miniaturas. 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.
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 em Salvar para salvar as alterações no fluxo de trabalho.
As predefinições de imagens criadas estão disponíveis como representações dinâmicas quando você pré-visualização ativos. AEM mostra uma variedade de representações dinâmicas ao exibir ativos de Visualizaçã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:
Navegue até CRXDE Lite (http://localhost:4502/crx/de).
Navegue até o nó de listagem predefinido de imagem em /libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist
Na propriedade limit, altere o valor, que está definido como 15 por padrão, para o número desejado.
Navegue até a fonte de dados predefinida 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]}
Toque em Salvar tudo.
Criar uma predefinição de imagem do Dynamic Media permite aplicar essas configurações a qualquer imagem ao visualizar ou publicar.
Se você usar o Internet Explorer 9, a criação de uma predefinição não será exibida na lista predefinida imediatamente após salvar. Para contornar esse problema, desative o cache do IE9.
Se você pretende oferecer suporte à inclusão de arquivos AI, PDF e EPS para que possa gerar a representação dinâmica desses formatos de arquivo, é recomendável revisar as seguintes informações antes de criar predefinições de imagem.
Consulte Adobe Illustrator (AI), Postscript (EPS) e formatos de arquivo PDF.
Se você pretende suportar a ingestão de arquivos INDD para que possa gerar a representação dinâmica desse formato de arquivo, é recomendável revisar as seguintes informações antes de criar predefinições de imagem. Consulte formato de arquivo de InDesign (INDD).
Para criar predefinições de imagens Dynamic Media, você deve ter privilégios de administrador como administrador AEM ou administrador Admin Console.
Para criar uma predefinição de imagem do Dynamic Media:
Em AEM, toque no logotipo AEM para acessar o console de navegação global.
Toque no ícone Ferramentas e navegue até Ativos > Predefinições de imagem.
Toque em Criar.
Para tornar essa predefinição de imagem responsiva, apague os valores nos campos largura e altura e deixe-os em branco.
Na página Editar predefinição de imagem, insira valores nas guias Basic e Advanced 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.
Para criar uma predefinição de imagem responsiva, execute as etapas em Criando predefinições de imagem. Ao digitar 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 AEM que essa predefinição de imagem é responsiva. Você pode ajustar os outros valores conforme apropriado.
Para ver os botões URL e RESS ao aplicar uma predefinição de imagem a um ativo, o ativo deve ser publicado.
No modo Dynamic Media - Scene7, as predefinições de imagens e os ativos de imagem são publicados automaticamente.
No Dynamic Media - modo Híbrido, é necessário publicar manualmente predefinições de imagens e ativos de imagem.
Ao criar ou editar predefinições de imagens, você tem as opções descritas nesta seção. Além disso, o Adobe recomenda as três opções de práticas recomendadas a seguir para start:
Texto | Descrição |
Nome | Digite um nome descritivo sem espaços em branco. Inclua a especificação do tamanho da imagem no nome para ajudar os usuários a identificarem esta predefinição de imagem. |
Largura e altura | Insira em pixels o tamanho no qual a imagem é entregue. A largura e a altura devem ser maiores que 0 pixels. Se qualquer um dos valores for 0, nenhuma predefinição será criada. Se ambos os valores estiverem em branco, uma predefinição de imagem responsiva será criada. |
Formato | Escolha um formato no menu. Escolher JPEG oferta as seguintes opções adicionais:
Escolhendo
GIF ou
O GIF com alfa fornece estes
Opções de quantificação de cores GIF:
Escolhendo
PDF,
TIFF, ou
TIFF com alfa fornece esta opção adicional:
Escolher PNG, PNG com Alpha, ou EPS não fornece opções adicionais. |
Nitidez | Selecione a opção Ativar a Nitidez Simples para aplicar um filtro básico de nitidez à imagem depois que toda a escala ocorrer. A nitidez pode ajudar a compensar o desfoque que pode resultar na exibição de uma imagem em um tamanho diferente. |
Texto | Descrição |
Espaço de cor | Selecione RGB, CMYK, ou Escala de cinza para o espaço de cor. |
Perfil de cor | Selecione o perfil de espaço de cor de saída para o qual o ativo deve ser convertido se for diferente do perfil em funcionamento. |
Renderizar recuo | Você pode substituir o propósito de renderização padrão. Os propósitos de renderização determinam o que acontece com as cores que não podem ser reproduzidas no perfil de cores do público alvo (fora do gamut). O propósito de renderização será ignorado se não for compatível com o perfil ICC.
|
Compensação de pontos pretos | Selecione essa opção se o perfil de saída suportar esse recurso. A compensação do ponto de interrupção será ignorada se não for compatível com o perfil ICC especificado. |
Pontilhamento | Selecione essa opção para possivelmente evitar ou reduzir artefatos de faixas de cores. |
Tipo de nitidez | Selecione Nenhum, Nitidez ou Máscara de Nitidez.
Em Máscara de nitidez, você tem as seguintes opções:
A nitidez está descrita em
Apagar imagens.
|
Modo de nova amostra | Selecione uma opção Modo de reamostragem. Essas opções tornam a imagem nítida quando tem resolução reduzida:
|
Resolução de impressão | Selecione uma resolução para imprimir esta imagem; 72 pixels é o padrão. |
Modificador de imagem | Além das configurações comuns de imagem disponíveis na interface do usuário, a Dynamic Media oferece suporte a inúmeras modificações avançadas de imagem que você pode especificar no campo Modificadores de imagem. Esses parâmetros são definidos na referência de comando do Image Server Protocol. Importante: A seguinte funcionalidade listada na API não é suportada:
|
Além das opções disponíveis nas guias Basic e Advanced, você pode 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 em detalhes na Referência do protocolo HTTP.
Estes são alguns exemplos básicos do que você pode fazer com modificadores de imagem.
Alguns modificadores de imagem não podem ser usados em AEM.
op_invert - Inverte cada componente de cor para obter um efeito de imagem negativo.
&op_invert=1
op_blur - Aplica um filtro de desfoque à imagem.
&op_blur=25
Comandos combinados - op_blur e op-invert
&op_invert=1&op_blur=25
op_brightness - Diminui ou aumenta o brilho.
&op_brightness=75
opac - Ajusta a opacidade da imagem. Permite diminuir a opacidade do primeiro plano.
opac=50
Para editar predefinições de imagens:
Em AEM, toque no logotipo AEM para acessar o console de navegação global.
Toque no ícone Ferramentas e navegue até Ativos > Predefinições de imagem.
Selecione uma predefinição e toque em Editar.
Na página Editar predefinições de imagens, faça as alterações desejadas e toque em Salvar.
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 Dynamic Media - modo 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 AEM para acessar o console de navegação global.
Toque no ícone Ferramentas e navegue até Ativos > Predefinições de imagem.
Selecione a predefinição de imagem ou várias predefinições de imagem na lista das predefinições de imagem e toque em Publicar.
Depois que a predefinição de imagem é publicada, o status muda de não publicado para publicado.
Para excluir predefinições de imagens do Dynamic Media: