Imagem inteligente smart-imaging
Sobre imagens inteligentes about-smart-imaging
A tecnologia Smart Imaging aplica os recursos de IA do Adobe Sensei e funciona com "predefinições de imagem" existentes. Ele funciona para aprimorar o desempenho do delivery de imagens, otimizando automaticamente o formato, o tamanho e a qualidade da imagem com base nos recursos do navegador do cliente.
E agora, obtenha uma melhor pontuação do Google Core Web Vital para LCP (Largest Contentful Paint) com imagens inteligentes aprimoradas que agora vêm com suporte para AVIF e WebP.
- Tamanho do arquivo (com entrega WebP e AVIF)
- Largura de banda de rede
- DPR (Relação de pixels do dispositivo)
A Smart Imaging se beneficia do aumento de desempenho de estar totalmente integrado ao melhor serviço premium de CDN (Content Delivery Network) do Adobe. Este serviço encontra a rota de Internet ideal entre servidores, redes e pontos de correspondência. Ele encontra uma rota que tem a menor latência e a menor taxa de perda de pacotes em vez de usar a rota padrão na Internet.
Os seguintes exemplos de ativos de imagem representam a otimização da Imagem inteligente adicionada:
Semelhante ao acima, o Adobe também executou um teste com um conjunto de amostras maior. O formato AVIF forneceu 20% de redução extra do tamanho em relação ao WebP, que forneceu 27% de redução em relação ao JPEG. Tudo com a mesma qualidade visual. No total, a AVIF fornece redução média de até 41% no tamanho do JPEG.
Compare WebP e AVIF com PNG, você pode observar uma redução de 84% no tamanho com WebP e 87% com AVIF. E, como os formatos WebP e AVIF são compatíveis com transparência e animações de várias imagens, é um bom substituto para arquivos PNG e GIF transparentes.
Consulte também Otimização de imagem com formatos de imagem de próxima geração (WebP e AVIF)
Vantagens da criação inteligente de imagens
A Imagem inteligente oferece melhor desempenho de entrega de imagens, otimizando automaticamente o tamanho do arquivo de imagem com base no navegador do cliente em uso, na exibição do dispositivo e nas condições da rede. Como as imagens constituem a maioria do tempo de carregamento de uma página, qualquer melhoria de desempenho pode ter um impacto profundo nos KPIs de negócios, como taxas de conversão mais altas, tempo gasto em um site e taxas de rejeição mais baixas.
Os principais benefícios mais recentes da Smart Imaging mais recente incluem:
- Agora é compatível com o formato AVIF da próxima geração.
- PNG para WebP e AVIF agora oferece suporte a conversões com perdas. Como o PNG é um formato sem perdas, o WebP e o AVIF anteriores eram sem perdas.
- Conversão de Formato de Navegador
- Proporção de pixels do dispositivo
- Largura de banda de rede
Sobre a conversão de formato de navegador bfc
Ativar a Conversão de Formato de Navegador anexando bfc=on
à URL da imagem converte automaticamente o JPEG e PNG em AVIF com perdas, WebP com perdas, JPEGXR com perdas, JPEG2000 com perdas para navegadores diferentes. Para navegadores que não oferecem suporte a esses formatos, o Smart Imaging continua a servir o JPEG ou o PNG. Juntamente com o formato, a qualidade do novo formato é recalculada pelo Smart Imaging.
O recurso Smart Imaging também pode ser desativado anexando bfc=off
ao URL da imagem.
Consulte também bfc na API de disponibilização e renderização de imagens do Dynamic Media.
Sobre a otimização da proporção de pixels do dispositivo dpr
Proporção de pixels do dispositivo (DPR) - também conhecida como Proporção de pixels CSS - é a relação entre os pixels físicos e os pixels lógicos de um dispositivo. Especialmente com o advento das telas retina, a resolução de pixels de dispositivos móveis modernos está crescendo a uma taxa rápida.
Ativar a otimização da Proporção de pixels do dispositivo renderiza a imagem na resolução nativa da tela, o que a torna nítida.
Atualmente, a densidade de pixels da exibição vem dos valores de cabeçalho da CDN Akamai.
dpr=off
dpr=on,dprValue
dprValue
é qualquer número maior que 0.- Você pode usar
dpr=on,dprValue
mesmo que a configuração da DPR no nível da empresa esteja desativada. - Devido à otimização da DPR, quando a imagem resultante é maior que a configuração MaxPix Dynamic Media, a largura MaxPix é sempre reconhecida ao manter a proporção da imagem. —>
Consulte também Ao trabalhar com imagens e Ao trabalhar com o Recorte inteligente.
Sobre a otimização da largura de banda da rede bandwidth
Ativar a Largura de Banda da Rede ajusta automaticamente a qualidade da imagem fornecida com base na largura de banda real da rede. Para uma largura de banda de rede ruim, a otimização da DPR (Relação de pixels do dispositivo) é automaticamente desativada, mesmo que já esteja ativada.
Se desejar, sua empresa pode recusar a otimização da largura de banda da rede no nível da imagem individual, anexando network=off
à URL da imagem.
network=off
Os valores de DPR e largura de banda da rede são baseados nos valores detectados do lado do cliente do CDN empacotado. Esses valores às vezes são imprecisos. Por exemplo, iPhone5 com DPR=2 e iPhone12 com dpr=3
, ambos mostram dpr=2
. Mesmo assim, para dispositivos de alta resolução, enviar dpr=2
é melhor do que enviar dpr=1
. No entanto, a melhor maneira de superar essa imprecisão é usar a DPR do lado do cliente para fornecer valores 100% precisos. E funciona para qualquer dispositivo, seja Apple ou qualquer outro dispositivo que tenha sido iniciado. Consulte Usar Imagem Inteligente com Proporção de Pixels do Dispositivo no lado do cliente.
Principais benefícios da Imagem Inteligente
- Classificação da SEO do Google aprimorada para páginas da Web que usam a Imagem inteligente mais recente.
- Fornece conteúdo otimizado imediatamente (no tempo de execução).
- Usa a tecnologia Adobe Sensei para converter de acordo com a qualidade (
qlt
) especificada na solicitação de imagem. - TTL (Time To Live) independente. Anteriormente, um TTL mínimo de 12 horas era obrigatório para que o Smart Imaging funcionasse.
- Anteriormente, as imagens originais e derivadas eram armazenadas em cache e era um processo de duas etapas para invalidar o cache. Na Smart Imaging mais recente, somente os derivados são armazenados em cache, permitindo um processo de invalidação de cache de etapa única.
- Os clientes que usam cabeçalhos personalizados em seu conjunto de regras se beneficiam da geração de Smart Imaging mais recente, pois esses cabeçalhos não são bloqueados, ao contrário da versão anterior do Smart Imaging. Por exemplo, "Origem de permissão de tempo", "X-Robot" como sugerido em Adicionar um valor de cabeçalho personalizado às respostas da imagem|Dynamic Media Classic.
Como a imagem inteligente funciona how-smart-imaging-works
Quando uma imagem é solicitada por um consumidor, o Smart Imaging verifica as características do usuário e as converte para o formato de imagem apropriado com base no navegador em uso. Essas conversões de formato são feitas de uma maneira que não prejudica a fidelidade visual. A geração de imagens inteligentes converte automaticamente imagens em diferentes formatos com base na capacidade do navegador da seguinte maneira.
-
Converter automaticamente em AVIF se o navegador der suporte ao formato
-
Converter automaticamente para WebP se a conversão AVIF não foi benéfica ou o navegador não é compatível com AVIF
-
Converter automaticamente para JPEG2000 se o Safari não for compatível com WebP
-
Converter automaticamente em JPEGXR para IE 9+ ou se o Edge não for compatível com WebP
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 Formato da imagem Navegadores compatíveis AVIF https://caniuse.com/avif WebP https://caniuse.com/webp JPEG 2000 https://caniuse.com/jpeg2000 JPEGXR https://caniuse.com/jpegxr -
Para navegadores que não aceitam esses formatos, o formato de imagem solicitado originalmente é fornecido.
Se o tamanho original da imagem for menor do que o produzido pela Smart Imaging, a imagem original será fornecida.
Suporte para formato de imagem no Smart Imaging image-format-support
Os formatos de imagem a seguir são compatíveis com o Smart Imaging:
- JPEG
- PNG
Para o formato de arquivo de imagem JPEG, a qualidade do novo formato é recalculada pelo Smart Imaging.
Para formatos de arquivo de imagem que oferecem suporte a transparência, como PNG, você pode configurar a Imagem inteligente para fornecer AVIF e WebP com perdas. Para a conversão de formato com perdas, o Smart Imaging usa a qualidade mencionada no URL da imagem ou a qualidade configurada na conta da empresa do Dynamic Media.
Suporte a comandos do servidor de imagens no Smart Imaging imaging-serving-command-support
Os comandos do Servidor de imagens fmt
e qlt
não têm suporte; todos os comandos restantes têm suporte.
Perguntas frequentes sobre Smart Imaging smart-imaging-faq
Não. A imagem inteligente está incluída em sua licença atual do. Essa regra é verdadeira para Dynamic Media Classic ou Experience Manager - Dynamic Media (No local, AMS e Experience Manager as a Cloud Service).
note important |
---|
IMPORTANT |
A Criação de imagens inteligentes não está disponível para clientes Dynamic Media - Hybrid. |
Sim. Você pode desativar o Smart Imaging adicionando qualquer um dos seguintes modificadores:
bfc=off
para desativar a Conversão de Formato de Navegador. Consulte também Conversão de formato de navegador.dpr=off
para desativar a Proporção de Pixels do Dispositivo. Consulte também Proporção de pixels do dispositivo.network=off
para desativar a largura de banda da rede. Consulte também Largura de Banda da Rede.
Sim. A Imagem inteligente tem três opções que podem ser ativadas ou desativadas.
Sim. A Imagem inteligente funciona com suas predefinições de imagens existentes e observa todas as suas configurações de imagem. O que muda é o formato da imagem, a configuração de qualidade ou ambos. Para a conversão de formatos, o Smart Imaging mantém a fidelidade visual total, conforme definido pelas suas configurações de predefinição de imagem, mas em um tamanho de arquivo menor.
Por exemplo, suponha que uma predefinição de imagem esteja definida com o formato JPEG, tamanho 500 x 500, qualidade=85 e máscara não nítida=0,1,1,5. Quando a Imagem inteligente detecta que um usuário está em um navegador Chrome, a imagem é convertida para o formato WebP, com tamanho 500 x 500. E, unsharp mask=0.1,1,5 está em uma qualidade WebP que corresponde a uma qualidade de JPEG de 85 o mais próximo possível. O espaço dessa conversão WebP é comparado com o JPEG e o menor dos dois é retornado.
Depende. Para usar a Smart Imaging, a conta Dynamic Media Classic ou Dynamic Media on Experience Manager de sua empresa deve atender aos seguintes requisitos:
- Use a CDN (Content Delivery Network) agrupada em Adobe como parte de sua licença.
- Use um domínio dedicado (por exemplo,
images.company.com
oumycompany.scene7.com
), não um domínio genérico (por exemplo,s7d1.scene7.com
,s7d2.scene7.com
ous7d13.scene7.com
).
Para encontrar seus domínios, abra o aplicativo de desktop do Dynamic Media Classic e entre na(s) conta(s) da sua empresa.
Vá para Configuração > Configuração do Aplicativo > Configurações Gerais. Procure o campo rotulado Nome do Servidor Publicado. Se você usa um domínio genérico no momento, é possível solicitar a mudança para seu próprio domínio personalizado. Faça essa solicitação de transição ao enviar um caso de suporte.
Seu primeiro domínio personalizado não tem custo adicional com uma licença do Dynamic Media.
Não. Quando uma solicitação é iniciada para usar a Imagem inteligente, ela não é ativada automaticamente.
Crie um caso de suporte conforme descrito abaixo. Em seu caso de suporte, mencione qual dos seguintes recursos de Imagem inteligente (um ou mais) você deseja habilitar em sua conta:
- WebP
- AVIF
- Otimização da DPR e da largura de banda da rede
- PNG para AVIF com perda ou WebP com perda
Se você já tiver o recurso Smart Imaging habilitado com o WebP, mas quiser outros recursos novos como os listados acima, crie um caso de suporte.
Para criar um caso de suporte para habilitar a Imagem Inteligente na sua conta:
-
Use o Admin Console para iniciar a criação de um novo caso de suporte.
-
Forneça as seguintes informações no seu caso de suporte:
-
Nome do contato principal, email, telefone.
-
Liste quais dos seguintes recursos de Imagem inteligente (um ou mais) você deseja habilitar em sua conta:
- WebP
- AVIF
- Otimização da DPR e da largura de banda da rede
- PNG para AVIF com perda ou WebP com perda
-
Todos os domínios a serem habilitados para Imagem Inteligente (isto é,
images.company.com
oumycompany.scene7.com
).Para encontrar seus domínios, abra o aplicativo de desktop do Dynamic Media Classic e entre na(s) conta(s) da sua empresa.
Vá para Configuração > Configuração do Aplicativo > Configurações Gerais.
Procure o campo rotulado Nome do Servidor Publicado.
-
Verifique se você está usando o CDN por meio do Adobe e se não é gerenciado com um relacionamento direto.
-
Verifique se você está usando um domínio dedicado como
images.company.com
oumycompany.scene7.com
, e não um domínio genérico comos7d1.scene7.com
,s7d2.scene7.com
,s7d13.scene7.com
.Para encontrar seus domínios, abra o aplicativo de desktop do Dynamic Media Classic e entre na(s) conta(s) da sua empresa.
Vá para Configuração > Configuração do Aplicativo > Configurações Gerais.
Procure o campo rotulado Nome do Servidor Publicado. Se você estiver usando um domínio Dynamic Media Classic genérico no momento, poderá solicitar a mudança para seu próprio domínio personalizado como parte dessa transição.
-
Indique se deseja que ele funcione em HTTP/2.
-
-
O Suporte ao cliente do Adobe adiciona você à Lista de espera do cliente do Smart Imaging com base na ordem em que as solicitações são enviadas.
-
Quando o Adobe estiver pronto para lidar com sua solicitação, o Suporte ao cliente entrará em contato com você para coordenar e definir uma data limite.
-
Opcional: você pode, opcionalmente, testar a Imagem Inteligente no ambiente de preparo antes que o Adobe envie o novo recurso para produção.
-
Você será notificado após a conclusão pelo Suporte ao cliente.
-
Para maximizar as melhorias de desempenho do Smart Imaging, a Adobe recomenda configurar o TTL (Time To Live) para 24 horas ou mais. O TTL define por quanto tempo os ativos são armazenados em cache pelo CDN. Para alterar essa configuração:
- Se você usa o Dynamic Media Classic, vá para Configuração > Configuração do Aplicativo > Configuração do Publish > Servidor de Imagens. Defina o valor Tempo de Vida do Cache de Cliente Padrão para 24 ou mais.
- Se você usa o Dynamic Media, siga estas instruções. Defina o valor Expiration 24 horas ou mais.
As solicitações são processadas na ordem em que são recebidas pelo Suporte ao cliente, de acordo com a Lista de espera.
note note |
---|
NOTE |
O lead time pode ser longo, pois a ativação do Smart Imaging envolve a limpeza do cache pelo Adobe. Portanto, somente algumas transições de clientes podem ser tratadas em um determinado momento. |
Não há riscos para a página da Web de um cliente. No entanto, a transição para o Smart Imaging limpa seu cache de CDN. Essa operação envolve a mudança para uma nova configuração do Dynamic Media Classic ou Dynamic Media no Experience Manager.
Durante a transição inicial, as imagens não armazenadas em cache atingem diretamente os servidores de origem do Adobe até que o cache seja reconstruído. Dessa forma, o Adobe planeja lidar com algumas transições de clientes de cada vez, para que o desempenho aceitável seja mantido ao extrair solicitações da origem. Para a maioria dos clientes, o cache é totalmente reconstruído na CDN em cerca de um a dois dias.
Sim. Você pode fazer o seguinte:
-
Depois que sua conta for configurada com o Smart Imaging, carregue um URL de imagem do Dynamic Media Classic ou do Adobe Experience Manager - Dynamic Media no navegador.
-
Abra o painel do desenvolvedor do Chrome acessando Exibir > Desenvolvedor > Ferramentas do desenvolvedor no navegador. Ou escolha qualquer ferramenta de desenvolvedor de navegador de sua escolha.
-
Certifique-se de que o cache esteja desativado quando as ferramentas do desenvolvedor estiverem abertas.
- No Windows®, navegue até as configurações no painel de ferramentas do desenvolvedor e marque a caixa de seleção Desabilitar cache (enquanto devtools estiver aberto).
- No macOS, no painel do desenvolvedor, na guia Rede, selecione desabilitar cache.
-
Observe que o Tipo de conteúdo é transformado no formato apropriado. A captura de tela a seguir mostra uma imagem PNG sendo convertida dinamicamente em WebP no Chrome. Se o domínio tiver o AVIF ativado, também será possível esperar ver o AVIF no Tipo de conteúdo.
-
Repita esse teste em navegadores diferentes e condições do usuário.
note note |
---|
NOTE |
Nem todas as imagens são convertidas. O recurso Smart Imaging decide se a conversão pode melhorar o desempenho. Às vezes, quando não há ganho de desempenho esperado ou o formato não é JPEG ou PNG, a imagem não é convertida. |
Sim. O cabeçalho Smart Imaging determina os benefícios da Smart Imaging. Quando a Imagem inteligente estiver habilitada, após solicitar uma imagem, no cabeçalho Cabeçalhos de resposta, você poderá ver -X-Adobe-Smart-Imaging
como visto no exemplo destacado a seguir:
Esse cabeçalho informa o seguinte:
- As imagens inteligentes estão funcionando para a empresa.
- Um valor positivo significa que a conversão foi bem-sucedida. Nesse caso, uma nova imagem WebP é retornada.
- Um valor negativo significa que a conversão não foi bem-sucedida. Nesse caso, a imagem original solicitada é retornada (JPEG por padrão, se não especificado).
- Um valor positivo mostra a diferença em bytes entre a imagem solicitada e a nova imagem. No exemplo acima, os bytes salvos são
75048
ou aproximadamente 75 KB para uma imagem. - Um valor negativo significa que a imagem solicitada é menor que a nova imagem. A diferença negativa de tamanho é mostrada, mas a imagem veiculada é somente a imagem solicitada original.
note note |
---|
NOTE |
X-Adobe-Smart-Imaging = -1 com o WebP sendo entregue |
Se o valor de X-Adobe-Smart-Imaging for -1 e o WebP ainda estiver sendo fornecido, isso significa que o Smart Imaging está funcionando, mas os benefícios de tamanho não foram calculados devido ao cache antigo. Você pode usar cache=update (apenas uma vez) na URL da imagem para corrigir esse problema.Um exemplo de uso do modificador: https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update Para invalidar todo o cache, você deve criar um caso de suporte. |
bfc=off
ao URL da imagem. No entanto, não é possível selecionar WebP ou AVIF no modificador de URL para Imagem inteligente. Essa capacidade é mantida no nível da conta da empresa.Esse erro não ocorrerá se a Imagem inteligente não estiver ativada em sua conta. A imagem inteligente funciona somente com os formatos JPEG ou PNG.
Para evitar esse erro, você pode:
- Especifique JPEG ou PNG ou
- Não usar o modificador
fmt
, ou - Use um formato de preferência de navegador definido pelo Smart Imaging. Por exemplo, você pode usar WebP para navegador da Web Chrome.
fmt=tif
e bfc=off
ao caminho da URL da imagem.Como o PNG é um formato sem perdas, o WebP e o AVIF anteriores entregues sem perdas resultantes têm um tamanho maior do que o esperado. O Smart Imaging agora oferece suporte à conversão com perdas. Você pode usar o modificador cache=update
(apenas uma vez) em uma solicitação de imagem para corrigir esse problema. Um exemplo de uso desse modificador:
https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update
Para invalidar todo o cache, você deve criar um caso de suporte solicitando esse esforço.
qlt=100
no caminho.