Configurar o tratamento de imagens inteligente e o comportamento do DPR no AEMaaCS com o Dynamic Media
Os recursos de imagens inteligentes, como Conversão de formato de navegador (BFC), Otimização da largura de banda da rede e Otimização da proporção de pixels do dispositivo (DPR) no Adobe Experience Manager as a Cloud Service (AEMaaCS) com Dynamic Media podem ser confusos para configurar e entender. Este artigo explica como esses recursos funcionam, como afetam a entrega de imagens e o que considerar para a configuração correta ao usar os Componentes principais.
Descrição description
Ambiente
- Produto: Adobe Experience Manager as a Cloud Service - Assets (Dynamic Media)
- Restrições: uso do Componente principal V3 da imagem com integração do Dynamic Media
Problema/Sintomas
- A ativação da Imagem inteligente no nível de conta do Dynamic Media não aplica automaticamente a otimização de DPR às imagens renderizadas pelo Componente principal de Imagem V3.
- O parâmetro
dpr=offé anexado a URLs de imagem do Scene7 quando várias larguras não estão configuradas na política de componente ou quandosmartCropnão está habilitado. - As imagens aparecem com qualidade inferior ou menos nítidas em exibições de alta DPI/Retina se não estiverem configuradas corretamente.
- Definir
dpr=onou transmitir valores de DPR por meio de modificadores de imagem não substitui esse comportamento devido à lógica do componente.
Resolução resolution
Para corrigir esse problema, siga estas etapas:
-
Habilite o recurso de Imagem inteligente na empresa de Mídia dinâmica ou no nível de conta para seu ambiente (Preparo ou Produção).
-
Abra o modelo ou a página que usa o Componente principal de imagem V3 com o Dynamic Media ativado.
-
Edite a política do Componente principal de Imagem V3 usado no modelo ou página.
-
Configure várias larguras para imagens responsivas na política de componentes.
-
Salve e aplique a política atualizada.
-
Republicar páginas afetadas para que as alterações entrem em vigor.
-
Testar a renderização da imagem em dispositivos DPI padrão e DPI alto (Retina):
- Nas telas de DPI padrão,
dpr=offaparece em URLs de imagem por design para evitar imagens grandes. - Em telas de DPI alto, imagens de maior resolução são entregues quando várias larguras são configuradas.
- Nas telas de DPI padrão,
-
Use o componente dedicado do Dynamic Media em vez da Imagem V3 se precisar de melhor qualidade de imagem sem modificadores manuais.
-
Confirme se as imagens estão nítidas em telas de DPI alto e carregue com eficiência em telas padrão.
Notas
- A adição de
dpr=offpor padrão evita imagens desnecessariamente grandes em telas que não sejam de Retina. Não é um defeito do produto, mas uma salvaguarda de otimização. - Forçar o DPR usando modificadores ou predefinições de URL não substitui essa proteção na Imagem V3. Em vez disso, use várias larguras em políticas.
- Nenhuma alteração no URL do lado do aplicativo é necessária após ativar a otimização da DPR no nível da conta. A lógica do lado do cliente ainda pode ser usada para cenários avançados, se necessário.
- A conversão do formato de Imagem inteligente (por exemplo, WebP ou AVIF) é ativada por padrão quando a Imagem inteligente está ativa no nível da conta. Ela se aplica somente quando reduz o tamanho do arquivo sem afetar a qualidade.