Entrega de imagens otimizadas para um site responsivo

Use o recurso de código responsivo quando quiser compartilhar o código para serviço responsivo com seu desenvolvedor da Web. Você copia o código responsivo (RESS) para a área de transferência para compartilhá-lo com o desenvolvedor da Web.

Esse recurso faz sentido usar se o site estiver em um WCM de terceiros. No entanto, se seu site estiver em AEM, um servidor de imagem externo renderiza a imagem e a fornece à página da Web.

Consulte também Incorporando o Visualizador de Vídeo em uma Página da Web.

Consulte também Vincular URLs ao seu Aplicativo Web.

Para fornecer imagens otimizadas para um site responsivo:

  1. Navegue até a imagem para a qual deseja fornecer o código responsivo e, no menu suspenso, toque em Representações.

    chlimage_1-408

  2. Selecione uma predefinição de imagem responsiva. Os botões URL e RESS são exibidos.

    chlimage_1-409

    OBSERVAÇÃO

    O ativo selecionado e a predefinição de imagem ou a predefinição do visualizador selecionado devem ser publicados para disponibilizar os botões URL ou RESS.

    Dynamic Media - O modo híbrido requer a publicação de predefinições de imagens; Dynamic Media - O modo Scene7 publica automaticamente predefinições de imagens.

  3. Toque em RESS.

    chlimage_1-410

  4. Na caixa de diálogo Incorporar imagem responsiva, selecione e copie o texto do código responsivo e o cole no site para acessar o ativo responsivo.

  5. Edite os pontos de interrupção padrão no código incorporado para corresponder aos do site responsivo diretamente no código. Além disso, teste as diferentes resoluções de imagem que estão sendo veiculadas em diferentes pontos de interrupção da página.

Usar HTTP/2 para fornecer ativos do Dynamic Media

HTTP/2 é o novo protocolo da Web atualizado que melhora a maneira como os navegadores e servidores se comunicam. Ele oferece transferência mais rápida de informações e reduz a quantidade de poder de processamento necessário. A entrega de ativos do Dynamic Media é compatível com o uso do HTTP/2, o que oferece melhor resposta e tempos de carregamento.

Consulte HTTP2 Delivery of Content para obter detalhes completos sobre como começar a usar HTTP/2 com sua conta Dynamic Media.

Nesta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now