As predefinições de imagens permitem que os ativos Adobe Experience Manager forneçam 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 tamanho e formato 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 de imagem.
A geração de imagens inteligentes funciona com as predefinições de imagens existentes e usa inteligência nos últimos milissegundos 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 Imagem inteligente para obter mais informações.
Como uma macro, 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.
Você pode 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 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 de imagem ampliada e da Predefinição de imagem em miniatura. Em seguida, o Experience Manager 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.
Gerencie suas predefinições de imagens no Experience Manager ao tocar ou clicar no logotipo do Experience Manager para acessar o console de navegação global e tocar ou clicar no ícone Ferramentas e navegar até Ativos > Predefinições de imagem.
Todas as predefinições de imagens criadas também estão disponíveis como representações dinâmicas ao visualizar ou entregar ativos.
Você não precisa publicar predefinições de imagens, pois as predefinições de imagens são publicadas automaticamente.
Consulte Publicar predefinições de imagens.
O sistema mostra várias representações ao selecionar Representações na Exibição de Detalhes de um ativo. Você pode aumentar ou diminuir o número de predefinições de imagens exibidas. Consulte Aumentar o número de predefinições de imagens exibidas.
Se você pretende suportar a assimilação de arquivos AI, EPS e PDF para gerar representações dinâmicas desses formatos de arquivo, analise as seguintes informações antes de criar predefinições de imagem.
O formato de arquivo do Adobe Illustrator é uma variante do PDF. As principais diferenças, no contexto dos Ativos do Experience Manager, são as seguintes:
Os subativos são criados pelo componente Create Sub Asset process
dentro do workflow geral DAM Update Asset
. Para ver esse componente de processo no workflow, toque em Ferramentas > Fluxo de trabalho > Modelos > Ativo de atualização DAM > Editar.
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, as páginas em PDF são extraídas pelo componente Create Sub Asset
do fluxo de trabalho. Eles são armazenados como page1.pdf
, page2.pdf
e assim por diante, abaixo do ativo principal. Depois que são armazenados, o workflow 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 workflow DAM Update Asset
, o componente de processo Rasterize PDF/AI Image Preview Rendition
rasteriza a primeira página do ativo original - usando a resolução configurada - em uma representação cqdam.preview.png
.
A representação cqdam.preview.png
é então otimizada em um PTIFF pelo componente de processo Dynamic Media Process Image Assets
no fluxo de trabalho.
No fluxo de trabalho do ativo de atualização do DAM, a etapa de Miniaturas do EPS gera miniaturas para arquivos EPS.
Propriedade de metadados | Descrição |
---|---|
dam:Physicalwidthininches | Largura do documento em polegadas. |
dam:Physicalheightininches | Altura do documento em polegadas. |
Você acessa Rasterize PDF/AI Image Preview Rendition
as opções do componente de processo por meio do workflow DAM Update Asset
.
Toque no 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, na barra de ferramentas, toque em Editar. Na página do fluxo de trabalho Atualizar ativo do DAM , toque duas vezes no componente do processo Rasterize PDF/AI Image Preview Rendition
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 aplicativo/ilustrador |
Lista de tipos MIME de documentos considerados documentos PDF ou do Illustrator. |
Largura máxima | 2048 | Largura máxima da representação de visualização gerada, em pixels. |
Altura máxima | 2048 | Altura máxima da representação de visualização gerada, em pixels. |
Resolução | 72 | Resolução para rasterizar a primeira página, em ppi (pixels por polegada). |
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, é possível 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 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 tem 1581 x 2046 pixels.
O componente de processo Rasterize PDF/AI Image Preview Rendition
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.
Se você pretende suportar a assimilação de arquivos INDD para gerar a representação dinâmica desse formato de arquivo, analise as seguintes informações antes de criar predefinições de imagem.
Para arquivos do InDesign, os ativos secundários 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 do InDesign sejam processados para que os links sejam criados entre os arquivos do InDesign e os ativos referenciados.
O componente do processo de Extração de mídia no fluxo de trabalho DAM Update Asset
executa vários scripts estendidos pré-configurados para processar arquivos do InDesign.
Os caminhos ExtendScript nos argumentos do componente do processo de Extração de mídia no fluxo de trabalho do Ativo de atualização DAM.
Os seguintes scripts são usados pela integração do Dynamic Media:
Nome ExtendScript | Padrão | Descrição |
ThumbnailExport.jsx | Sim | Gera uma representação de 300 ppi thumbnail.jpg que é otimizada e transformada em uma representação PTIFF por Dynamic Media Process Image Assets componente do processo. |
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 PTIFF pelo workflow 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 somente uma página, nenhum subativo é gerado. |
Você pode configurar o tamanho das miniaturas definindo essas configurações no fluxo de trabalho Ativo de atualização do DAM. Há duas etapas no fluxo de trabalho, onde você pode configurar o tamanho da miniatura dos ativos de imagem. Um (Ativos de imagem do processo do Dynamic Media) é usado para ativos de imagem dinâmicos. O outro (Process Thumbnails) é usado para geração de miniaturas estáticas ou quando todos os outros processos não conseguem gerar miniaturas. Independentemente disso, 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. 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 dos arquivos EPS são configurados na etapa Miniaturas EPS, na guia Argumentos em Miniaturas.
Os tamanhos de miniatura de vídeos são configurados na etapa Miniaturas do FFmpeg, na guia Process em Argumentos.
Para configurar o tamanho da miniatura da imagem
Toque em Ferramentas > Fluxo de trabalho > Modelos > Ativo de atualização do DAM > Editar.
Toque na etapa Ativos de imagem do processo do Dynamic Media e 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 ao visualizar ativos. O Experience Manager mostra várias representações dinâmicas ao visualizar um ativo 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 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.
Navegue até a fonte de dados da 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]}
Toque em Salvar tudo.
Criar uma predefinição de imagem permite aplicar essas configurações a qualquer imagem ao visualizar ou publicar.
Se estiver usando o Internet Explorer 9, a criação de uma predefinição não será exibida na lista predefinida imediatamente após ser salva. Para contornar esse problema, desative o cache do IE9.
Se você pretende suportar a assimilação de arquivos AI, PDF e EPS para gerar a representação dinâmica desses formatos de arquivo, analise 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 assimilação de arquivos INDD para gerar a representação dinâmica desse formato de arquivo, analise as seguintes informações antes de criar predefinições de imagem.
Consulte Formato de arquivo do InDesign (INDD).
Para criar uma predefinição de imagem:
No Experience Manager, toque no logotipo do Experience Manager para acessar o console de navegação global e, em seguida, toque em Ferramentas > Ativos > Predefinições de imagem.
Clique em Criar. A janela Editar predefinição de imagem é aberta.
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.
Para criar uma predefinição de imagem responsiva, execute as etapas em Criação de 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á-las em branco informa ao Experience Manager que essa predefinição de imagem é responsiva. É possível ajustar os outros valores, conforme necessário.
O ativo deve ser publicado para ver os botões URL e RESS ao aplicar uma predefinição de imagem a um ativo.
As predefinições de imagens e os ativos de imagem são publicados automaticamente.
Ao criar ou editar predefinições de imagens, você tem as opções descritas nesta seção. Além disso, a Adobe recomenda que essas opções de "prática recomendada" comecem:
Formatar (guia Básico) - Selecione JPEG ou outro formato que atenda aos 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 Bi-Cubic.
Texto | Descrição |
Nome | Insira um nome descritivo sem espaços em branco. Para ajudar os usuários a identificar essa predefinição de imagem, inclua a especificação do tamanho da imagem no nome. |
Largura e altura | Insira em pixels o tamanho em que a imagem é entregue. A largura e a altura devem ser maiores que 0 pixels. Se 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 oferece as seguintes outras opções:
Escolha
GIF ou
GIF com alfa fornece esses itens adicionais
Opções GIF Color Quantization:
Escolha
PDF,
TIFF, ou
TIFF com alfa fornece esta opção adicional:
Escolher PNG, PNG com Alfa, ou EPS não fornece opções adicionais. |
Nitidez | Selecione a opção Ativar nitidez simples para aplicar um filtro de nitidez básico à imagem depois que toda a escala ocorrer. A nitidez pode ajudar a compensar a indefinição 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 cores. |
Perfil de cor | Selecione o perfil de espaço de cores de saída para o qual você deseja converter o ativo se ele for diferente do perfil de trabalho. |
Renderizar recuo | Você pode substituir a intenção de renderização padrão. As intenções de renderização determinam o que acontece com as cores que não podem ser reproduzidas no perfil de cores de destino (fora do gamut). A intenção de renderização é ignorada se não for compatível com o perfil ICC.
|
Compensação de pontos pretos | Selecione esta opção se o perfil de saída suportar este recurso. A compensação de ponto preto é ignorada se não for compatível com o perfil ICC especificado. |
Pontilhamento | Selecione essa opção para evitar ou reduzir artefatos de faixas de cores. |
Tipo de nitidez | Selecione None, Nitidez ou Tirar nitidez da máscara.
Em Tirar nitidez da máscara, você tem as seguintes opções:
A nitidez é descrita em
Usando a nitidez da imagem com o vídeo Dynamic Media do Experience Manager, no Nitidez de uma imagem tópico de Ajuda online e no Práticas recomendadas para nitidez de imagens no Dynamic Media Classic PDF disponível para download.
|
Modo de nova amostra | Selecione uma opção Modo de reamostragem. Essas opções aprimoram a imagem quando ela é 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 de imagem comuns disponíveis na interface do usuário, o Dynamic Media suporta várias modificações de imagem avançadas que você pode especificar no campo Image Modifiers. Esses parâmetros são definidos na Referência de comando do Image Server Protocol. Importante: Não há suporte para a seguinte funcionalidade listada na API:
|
Além das opções disponíveis nas guias Básico e Avançado , é 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 e é definida detalhadamente no HTTP Protocol Reference.
A seguir estão alguns exemplos básicos do que você pode fazer com modificadores de imagem.
Alguns modificadores de imagem não podem ser usados no Experience Manager.
op_invert - Inverte cada componente de cor para um efeito de imagem negativo.
&op_invert=1
op_blur - Aplica um filtro de desfoque à imagem.
&op_blur=7
Comandos combinados - op_blur e op-invert
&op_invert=1&op_blur=7
op_brightness - Diminui ou aumenta o brilho.
&op_brightness=58
opac - Ajusta a opacidade da imagem. Permite diminuir a opacidade do primeiro plano.
opac=29
No Experience Manager, toque no logotipo do Experience Manager para acessar o console de navegação global e, em seguida, toque em Ferramentas > Ativos > 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 Save para salvar as alterações ou em Cancelar para cancelar as alterações.
As predefinições de imagens são publicadas automaticamente para você.