Servlet de imagem adaptável adaptive-image-servlet

Saiba como os Componentes principais usam o Servlet de imagem adaptável para entrega de imagens e como você pode otimizar seu uso.

Servlet de imagem adaptável ou entrega de imagens otimizadas para a web? options

O componente principal de imagem possui dois métodos para fornecer imagens.

Este documento descreve o Servlet de imagem adaptável padrão.

Visão geral overview

Por padrão, o Componente de imagem usa o Servlet de imagem adaptável do Componente principal para fornecer imagens. O Servlet de imagem adaptável é responsável pelo processamento e transmissão de imagens e pode ser aproveitado pelos desenvolvedores em suas personalizações dos Componentes principais.

Seleção de representação rendition-selection

O Servlet de imagem adaptável selecionará automaticamente a representação mais apropriada a ser exibida com base no tamanho do container no qual ele é exibido. O processo de seleção de representação é o seguinte.

  1. O Servlet de imagem adaptável analisa todas as representações disponíveis do ativo da imagem.

  2. Ele seleciona apenas aquelas com o mesmo tipo MIME do ativo referenciado original.

    • Por exemplo: se o ativo original era um arquivo PNG, ele só considerará representações em PNG.
  3. Dessas representações, ele considera as dimensões e as compara ao tamanho do container no qual a imagem deve ser exibida.

    1. Se a representação for maior ou igual ao tamanho do container, ela será adicionada a uma lista de representações candidatas.
    2. Se a representação for menor do que o container, ela será desconsiderada.
    3. Esses critérios garantem que a representação não seja ampliada, o que afetaria a qualidade da imagem.
  4. O Servlet de imagem adaptável escolhe a representação da lista de candidatas que tem o menor tamanho de arquivo.

Otimização da seleção de representação optimizing-rendition-selection

O Servlet de imagem adaptável tentará escolher a melhor representação para o tamanho e tipo de imagem solicitados. Recomenda-se que as representações do DAM e as larguras permitidas do componente de imagem sejam definidas em sincronia para que o Servlet de imagem adaptável faça o menor processamento possível.

Isto melhorará o desempenho e evitará que algumas imagens sejam processadas corretamente pela biblioteca de processamento de imagens subjacente.

Usar cabeçalhos de última modificação last-modified

As solicitações condicionais pelo cabeçalho Last-Modified são suportadas pelo Servlet de imagem adaptável, mas o armazenamento em cache do cabeçalho Last-Modified precisa ser ativado no Dispatcher.

A amostra da configuração do Dispatcher do Arquétipo de projeto do AEM já contém essa configuração.

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c