[AEM Assets]{class="badge positive" title="Aplicável ao AEM Assets)."}
Gerenciar predefinições de imagem managing-image-presets
As Predefinições de imagem permitem que o Adobe Experience Manager Assets forneça imagens dinamicamente em diferentes tamanhos, em diferentes 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 imagem 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 imagem 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 imagem. É possível aplicar uma predefinição de imagem a uma imagem sempre que ela for visualizada. Consulte Aplicar predefinições de imagem.
Saiba mais sobre predefinições de imagem 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: 500 x 500 pixels para desktop e 150 x 150 pixels para 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 entregar imagens no tamanho Enlarge e Thumbnail, o Experience Manager encontra a definição de Enlarge Image Preset e Thumbnail Image Preset. 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, comece do zero ou a partir de uma predefinição existente e salve com um novo nome.
Gerenciar predefinições de imagem managing-image-presets-1
Para gerenciar suas Predefinições de imagem no Experience Manager, selecione o logotipo Experience Manager para acessar o console de navegação global e, em seguida, selecione o ícone Ferramentas e navegue até Assets > Predefinições de imagem.
Como as predefinições de imagem se relacionam com representações how-image-presets-relate-to-renditions
As predefinições de imagem definem como o Dynamic Media fornece imagens, incluindo dimensionamento, formatação, compactação e outros parâmetros de exibição. As predefinições não geram representações sozinhas. Em vez disso, eles dependem de representações que são criadas quando os ativos são processados.
Geração de representação no AEM as a Cloud Service rendition-generation-in-aemaacs
No AEM as a Cloud Service, as representações são geradas usando os Microsserviços de ativos. O fluxo de trabalho do Ativo de atualização do DAM não está disponível para personalização no Cloud Service.
As considerações importantes incluem o seguinte:
- As representações são geradas no momento do upload.
- As alterações em um perfil de processamento afetam os ativos recém-carregados. Os ativos existentes devem ser reprocessados se novas representações forem necessárias.
- A personalização do modelo de fluxo de trabalho não é compatível com o AEM as a Cloud Service para geração de representação.
As predefinições de imagem fazem referência às representações disponíveis no momento do delivery. Verifique se as representações necessárias existem antes de configurar ou usar as Predefinições de imagem.
Para controlar quais representações são geradas:
- Crie ou edite um Perfil de Processamento.
- Configure as definições de representação necessárias.
- Aplique o perfil de processamento à pasta apropriada.
Quando os ativos são carregados para uma pasta que tem um Perfil de processamento aplicado, os Microserviços de ativos geram automaticamente as representações definidas.
Aumentar ou diminuir o número de predefinições de imagens 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.
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.
-
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.
Criar predefinições de imagem creating-image-presets
Criar predefinições de imagem para aplicar configurações de forma consistente nas imagens ao 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 os formatos de arquivo do 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, revise as informações a seguir antes de criar Predefinições de imagem.
Consulte o formato de arquivo do InDesign (INDD).
Para criar predefinições de imagem:
-
No Experience Manager, selecione o logotipo do Experience Manager para acessar o console de navegação global e vá para Ferramentas > Assets > Predefinições de imagem.
-
Selecione Criar.
note note NOTE Para tornar esta Predefinição de imagem responsiva, apague os valores nos campos largura e altura e deixe-os em branco. -
Na janela Editar Predefinição de Imagem, 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.
-
Selecione Salvar.
Criar uma predefinição de imagem responsiva creating-a-responsive-image-preset
Para criar uma Predefinição de imagem responsiva, execute as etapas em Criar 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 imagem, você tem as opções descritas nesta seção. Além disso, a Adobe recomenda que essas 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.
-
Habilitar nitidez simples - Não selecione Habilitar 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
Escolher JPEG oferece as seguintes outras opções:
· Qualidade - A escala de qualidade do JPEG é de 1 a 100. A escala fica visível quando você arrasta o controle deslizante.
· Habilitar Redução de Resolução de Crominância do JPG - Como o olho é menos sensível a informações de cores de alta frequência do que a luminosidade de alta frequência, as imagens do JPEG dividem as informações da imagem em componentes de luminosidade e cor. Quando uma imagem do JPEG é compactada, o componente de luminosidade é deixado com a resolução total, enquanto os componentes de cor têm uma resolução mais baixa para calcular a média de grupos de pixels. A redução da resolução reduz o volume de dados para metade ou um terço com impacto mínimo na qualidade aparente. A redução da resolução não é aplicável a imagens em tons de cinza. Essa técnica reduz a quantidade de compactação útil para imagens com alto contraste (por exemplo, imagens com texto sobreposto).
Escolher GIF ou GIF com alfa fornece estas opções adicionais de Quantização de Cores do GIF:
· Tipo - Selecionar Adaptável (padrão), Web ou Macintosh. Se você selecionar GIF com Alpha, a opção Macintosh não estará disponível.
· Pontilhamento - Selecionar Difuso ou Desativado.
· Número de Cores - Insira um número de 2 a 256.
· Lista de Cores - Insira uma lista separada por vírgulas. Por exemplo, para branco, cinza e preto, digite
000000,888888,ffffff.Escolher PDF, TIFF ou TIFF com alfa fornece esta opção adicional:
· Compactação - Selecione um algoritmo de compactação. As opções de algoritmo para o PDF são None, Zip e Jpeg; para o TIFF, são None, LZW, Jpeg e Zip; e para o TIFF com Alpha são None, LZW e Zip.
Escolher PNG, PNG com Alpha ou EPS não fornece opções adicionais.
Opções da guia Avançadas advanced-tab-options
Definir 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 imagem. A Renderização de Imagens depende da API de Renderização de Imagens do Dynamic Media e é 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
Editar predefinições de imagem modifying-image-presets
-
No Experience Manager, selecione o logotipo do Experience Manager para acessar o console de navegação global e vá para Ferramentas > Assets > Predefinições de imagem.
-
Selecione uma predefinição e, em seguida, Editar. A janela Editar predefinição de imagem é aberta.
-
Faça alterações e selecione Salvar para salvar as alterações ou Cancelar para cancelar as alterações.
Publicar predefinições de imagem publishing-image-presets
As predefinições de imagem são publicadas automaticamente.
Excluir predefinições de imagem deleting-image-presets
- No Experience Manager, selecione o logotipo Experience Manager para acessar o console de navegação global e selecione o ícone Ferramentas.
- Navegue até Assets > Predefinições de imagem.
- Selecione uma predefinição e, em seguida, Excluir. O Dynamic Media confirma que você deseja excluí-lo. Selecione Excluir para remover ou selecione Cancelar para retornar às Predefinições de Imagem.