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.
A Criação de imagens inteligentes exige o uso do CDN (Content Delivery Network) pronto para uso que é fornecido com o Adobe Experience Manager - Dynamic Media. Qualquer outra CDN personalizada não é compatível com esse recurso.
Experimente e descubra os benefícios dos modificadores de imagem do Dynamic Media e do Smart Imaging, usando o Dynamic Media Instantâneo.
O Instantâneo é uma ferramenta de demonstração visual criada para ilustrar o potencial do Dynamic Media para entrega de imagens otimizadas e dinâmicas. Experimente com imagens de teste ou URLs do Dynamic Media, para observar visualmente a saída de vários modificadores de imagem do Dynamic Media e otimizações de Imagem inteligente para o seguinte:
Para saber como é fácil usar o Snapshot, reproduza o Vídeo de treinamento de instantâneos (3 minutos e 17 segundos).
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:
Imagem (URL) | Miniatura | Tamanho (JPEG) | Tamanho (WebP) com imagem inteligente | Tamanho (AVIF) com Smart Imaging | % de redução com WebP | % de redução com AVIF |
---|---|---|---|---|---|---|
Imagem 1 | ![]() |
145 KB | 106 KB | 90.2 KB | 26.89% | 37.79% |
Imagem 2 | ![]() |
412 KB | 346 KB | 113 KB | 16.01% | 72.57% |
Imagem 3 | ![]() |
221 KB | 189 KB | 87.1 KB | 14.47% | 60.58% |
Imagem 4 | ![]() |
594 KB | 545 KB | 286 KB | 8.25% | 51.85% |
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 última geração (WebP e AVIF)
Benefícios da imagem inteligente
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:
Ativando a Conversão de Formato de Navegador anexando bfc=on
para o 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.
As imagens inteligentes também podem ser desativadas anexando bfc=off
ao URL da imagem.
Consulte também bfc na API do Dynamic Media Image Serving and Rendering.
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.
Valores permitidos no URL de uma imagem | Descrição |
---|---|
dpr=off |
Desative a otimização de DPR em um nível de URL de imagem individual. |
dpr=on,dprValue |
Substitua o valor do DPR detectado pelo Smart Imaging, com um valor personalizado (conforme detectado por qualquer lógica do lado do cliente ou por outros meios). Valor permitido para dprValue é qualquer número maior que 0. |
dpr=on,dprValue
mesmo que a configuração da DPR no nível da empresa esteja desativada.Tamanho da imagem solicitada | Valor da Proporção de pixels do dispositivo (dpr) | Tamanho da imagem entregue |
---|---|---|
816 x 500 | 1 | 816 x 500 |
816 x 500 | 2 | 1632 x 1000 |
Consulte também Ao trabalhar com imagens e Ao trabalhar com o Recorte inteligente.
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
ao URL da imagem.
Valor permitido no URL de uma imagem | Descrição |
---|---|
network=off |
Desativa a otimização de rede em um nível de URL de imagem individual. |
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
. Ainda, 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 adicionais da geração de imagens inteligentes
qlt
) especificado na solicitação de imagem.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).
A Criação de imagens inteligentes não está disponível para clientes Dynamic Media - Hybrid.
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.
Se o tamanho original da imagem for menor do que o produzido pela Smart Imaging, a imagem original será fornecida.
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 de rede.Sim. A Imagem inteligente tem três opções que podem ser ativadas ou desativadas.
Os formatos de imagem a seguir são compatíveis com o Smart Imaging:
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.
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.
Não. O recurso Smart Imaging funciona perfeitamente com os URLs de imagem e as predefinições de imagem existentes. Além disso, o Smart Imaging não requer a adição de código ao seu site para detectar o navegador do usuário. Toda essa funcionalidade é tratada automaticamente.
Sim, para ambas as perguntas. A Criação de imagens inteligentes funciona com imagens entregues por HTTP ou HTTPS. Além disso, também funciona por HTTP/2.
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:
images.company.com
ou mycompany.scene7.com
), não um domínio genérico (por exemplo, s7d1.scene7.com
, s7d2.scene7.com
ou s7d13.scene7.com
).Para encontrar seus domínios, abra o aplicativo de desktop do Dynamic Media Classic, em seguida, faça logon na(s) conta(s) da empresa.
Ir 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:
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:
Todos os domínios a serem ativados para Smart Imaging (ou seja, images.company.com
ou mycompany.scene7.com
).
Para encontrar seus domínios, abra o aplicativo de desktop do Dynamic Media Classic, em seguida, faça logon na(s) conta(s) da empresa.
Ir 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
ou mycompany.scene7.com
, e não um domínio genérico, como s7d1.scene7.com
, s7d2.scene7.com
, s7d13.scene7.com
.
Para encontrar seus domínios, abra o aplicativo de desktop do Dynamic Media Classic, em seguida, faça logon na(s) conta(s) da empresa.
Ir 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: opcionalmente, é possível testar a Criação de imagens inteligentes no armazenamento temporário antes que o Adobe coloque o novo recurso em 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:
As solicitações são processadas na ordem em que são recebidas pelo Suporte ao cliente, de acordo com a Lista de espera.
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.
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.
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 ativada, depois de solicitar uma imagem, na Cabeçalhos de resposta cabeçalho, você pode ver -X-Adobe-Smart-Imaging
como visto no exemplo destacado a seguir:
Esse cabeçalho informa o seguinte:
75048
ou aproximadamente 75 KB para uma imagem.X-Adobe-Smart-Imaging = -1 com o WebP sendo fornecido
Se o valor de X-Adobe-Smart-Imaging
é -1 e o WebP ainda está sendo fornecido, 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
(somente uma vez) no 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.
Sim. Se quiser voltar a servir WebP por padrão, crie um caso de suporte para o mesmo. Como de costume, é possível desativar o Smart Imaging adicionando o parâmetro 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:
fmt
modificador, ouSim. Adicionar fmt=tif
e bfc=off
para o caminho do URL da imagem.
Sim. A imagem inteligente usa formato e qualidade. O restante dos parâmetros permanece o mesmo, se solicitado no URL da imagem.
Não. Atualmente não há esse provisionamento.
Sim. A Smart Imaging ajusta automaticamente a porcentagem de qualidade. Essa porcentagem de qualidade é determinada usando um algoritmo de aprendizado de máquina desenvolvido pelo Adobe. Essa porcentagem não é específica de intervalo.
Os únicos comandos ignorados são fmt
e qlt
. Todos os comandos restantes são suportados.
Sim. Essa funcionalidade funciona somente para JPEG e PNG.
O recurso Smart Imaging determina se a conversão é benéfica ou não. Ela retorna a nova imagem, somente da conversão que é benéfica.
Se uma imagem composta envolver muitas camadas, a funcionalidade da dpr poderá ser afetada ao usar um modificador de posição. Esse problema é conhecido e será corrigido em versões futuras do Smart Imaging. Se outras funcionalidades do Smart Imaging não estiverem funcionando como esperado, você poderá criar um caso de suporte para reportar o problema.
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
(somente 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.
Sim. O Smart Imaging agora oferece suporte à conversão com perdas com base no nível de qualidade. Para continuar usando a conversão sem perdas, você pode usar a qualidade 100 definida pelas configurações de sua empresa ou pelo URL da imagem usando qlt=100
no caminho.