A tecnologia Smart Imaging aplica os recursos do Adobe Sensei AI e funciona com "predefinições de imagens" existentes. Funciona para aprimorar o desempenho da entrega 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 Google Core Web Vital para LCP (Grande Pintor Contentível) com Smart Imaging aprimorado que agora vem com suporte para AVIF e WebP.
A Smart Imaging requer o uso da CDN (Content Delivery Network) pronta para uso que é fornecida com o Adobe Experience Manager - Dynamic Media. Nenhum outro CDN personalizado é compatível com esse recurso.
O Smart Imaging se beneficia do aumento de desempenho adicional de ser totalmente integrado ao melhor serviço premium CDN (Content Delivery Network) do Adobe. Esse serviço encontra a rota ideal da Internet entre servidores, redes e pontos de peering. Ele encontra uma rota que tem a latência mais baixa 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 adicionada da imagem inteligente:
Imagem (URL) | Miniatura | Tamanho (JPEG) | Tamanho (WebP) com Smart Imaging | 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 proporcionou uma redução extra de tamanho de 20% em relação ao WebP, o que proporcionou uma redução de 27% em relação ao JPEG. Tudo com a mesma qualidade visual. No total, a AVIF fornece até 41% de redução média do tamanho em relação ao 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 várias animações de imagem, é uma boa substituição 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)
O Smart Imaging fornece um desempenho de entrega de imagem melhor, otimizando automaticamente o tamanho do arquivo de imagem com base no navegador do cliente em uso, a exibição do dispositivo e as condições da rede. Como as imagens constituem a maior parte 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 do site mais baixas.
Os principais benefícios mais recentes do Smart Imaging incluem:
bfc
)dpr
)network
)Ativar a conversão de formato do navegador ao anexar bfc=on
para o URL da imagem, converte automaticamente o JPEG e o PNG em AVIF com perdas, WebP com perdas, JPEGXR com perdas, JPEG2000 com perdas para navegadores diferentes. Para navegadores que não aceitam esses formatos, a Imagem inteligente continua a servir o JPEG ou PNG. Junto com o formato , a qualidade do novo formato é recalculada pelo Smart Imaging.
A imagem inteligente também pode ser desativada ao anexar bfc=off
ao URL da imagem.
Consulte também bfc na API de disponibilização e renderização de imagens do Dynamic Media.
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 de retina, a resolução de pixels dos dispositivos móveis modernos está crescendo a um ritmo rápido.
Ativar a otimização da taxa de pixels do dispositivo renderiza a imagem na resolução nativa da tela, o que a faz parecer nítida.
Atualmente, a densidade de pixels da exibição vem dos valores do cabeçalho Akamai CDN.
Valores permitidos no URL de uma imagem | Descrição |
---|---|
dpr=off |
Desative a otimização do 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 (como detectado por qualquer lógica do lado do cliente ou outros meios). Valor permitido para dprValue é qualquer número maior que 0. |
dpr=on,dprValue
mesmo que a configuração do 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 veiculada com base na largura de banda real da rede. Para uma largura de banda de rede ruim, a otimização do DPR (Device Pixel Ratio) é 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 de imagem individual ao anexar 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. |
O DPR e os valores de 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 exibem dpr=2
. Ainda, para dispositivos de alta resolução, envio dpr=2
é melhor do que enviar dpr=1
. A melhor maneira de superar essa imprecisão, no entanto, é usar o DPR do lado do cliente para fornecer valores 100% precisos. E funciona para qualquer dispositivo, seja Apple ou qualquer outro dispositivo que foi iniciado. Consulte Usar imagem inteligente com relação de pixels de dispositivo do lado do cliente.
qlt
) especificado na solicitação de imagem.Não. A Smart Imaging está incluída em sua licença existente. Essa regra é verdadeira para o Dynamic Media Classic ou o Experience Manager - Dynamic Media (No local, AMS e Experience Manager as a Cloud Service).
O Smart Imaging não está disponível para Dynamic Media - Clientes híbridos.
Quando uma imagem é solicitada por um consumidor, o Smart Imaging verifica as características do usuário e a converte para o formato de imagem apropriado, com base no navegador em uso. Essas conversões de formato são feitas de maneira que não degrade 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 da imagem original for menor do que o produzido pela Imagem inteligente, a imagem original será veiculada.
Os formatos de imagem a seguir são compatíveis com a 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 à transparência como PNG, você pode configurar o Smart Imaging 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.
O Smart Imaging funciona com suas predefinições de imagem existentes e observa todas as suas configurações de imagem. O que muda é o formato da imagem, ou a configuração de qualidade, ou ambos. Para conversão de formato, o Smart Imaging mantém a fidelidade visual completa conforme definido pelas configurações predefinidas da imagem, mas em um tamanho de arquivo menor.
Por exemplo, suponha que uma predefinição de imagem seja definida com formato JPEG, tamanho 500 x 500, qualidade=85 e máscara de nitidez=0,1,1,5. Quando a Smart Imaging detecta que um usuário está em um navegador Chrome, a imagem é convertida para o formato WebP, com tamanho 500 x 500, e a nitidez da máscara=0,1,1,5 em uma qualidade WebP que corresponde a uma qualidade de JPEG de 85 o mais próximo possível. O impacto dessa conversão da WebP é comparado ao JPEG, e o menor dos dois é retornado.
Não. O Smart Imaging funciona perfeitamente com seus URLs de imagem e predefinições de imagem existentes. Além disso, o Smart Imaging não requer que você adicione código ao seu site para detectar o navegador de um usuário. Toda essa funcionalidade é manipulada automaticamente.
O Smart Imaging funciona com imagens entregues por HTTP ou HTTPS. Além disso, também funciona por HTTP/2.
Para usar a Smart Imaging, a Dynamic Media Classic ou Dynamic Media na Experience Manager 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 localizar seus domínios, abra o Aplicativo de desktop do Dynamic Media Classic, em seguida, faça logon em sua conta ou contas 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 transferência 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.
Você inicia uma solicitação para usar a Smart Imaging; ele não é ativado automaticamente.
Crie um caso de suporte conforme descrito abaixo. No seu caso de suporte, certifique-se de mencionar quais dos seguintes recursos de Smart Imaging (um ou mais) você deseja ativar em sua conta:
Se você já tiver o Smart Imaging ativado com o WebP, mas desejar outros novos recursos, conforme listado acima, é necessário criar um caso de suporte.
Para criar um caso de suporte para ativar o Smart Imaging em sua conta:
Use o Admin Console para iniciar a criação de um novo caso de suporte.
Forneça as seguintes informações no caso de suporte:
Nome do contato principal, email, telefone.
Liste quais dos seguintes recursos de Smart Imaging (um ou mais) você deseja ativar em sua conta:
Todos os domínios a serem ativados para Smart Imaging (ou seja, images.company.com
ou mycompany.scene7.com
).
Para localizar seus domínios, abra o Aplicativo de desktop do Dynamic Media Classic, em seguida, faça logon em sua conta ou contas 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 a CDN por meio do Adobe e não é gerenciada com uma relação direta.
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 localizar seus domínios, abra o Aplicativo de desktop do Dynamic Media Classic, em seguida, faça logon em sua conta ou contas 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 genérico do Dynamic Media Classic no momento, poderá solicitar a mudança para seu próprio domínio personalizado como parte dessa transição.
Indique se deseja que funcione em HTTP/2.
O Suporte ao cliente do Adobe adiciona você à Lista de espera do cliente de 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 de destino.
Opcional: Como opção, você pode testar a Imagem inteligente na Preparação antes do Adobe colocar o novo recurso em produção.
Você será notificado após a conclusão pelo Suporte ao cliente.
Para maximizar os aprimoramentos de desempenho do Smart Imaging, o Adobe recomenda definir o Time To Live (TTL) para 24 horas ou mais. O TTL define quanto tempo os ativos são armazenados em cache pela 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.
Pode haver um longo lead time, pois a ativação da Imagem inteligente envolve a limpeza do cache pelo Adobe. Portanto, apenas algumas transições de clientes podem ser tratadas a qualquer momento.
Não há risco para uma página da Web do cliente. No entanto, a transição para o Smart Imaging limpa o cache CDN. Essa operação envolve mover 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 acessam diretamente os servidores de origem do Adobe até que o cache seja recriado. Dessa forma, o Adobe pretende lidar com algumas transições de clientes de cada vez, para que o desempenho aceitável seja mantido ao puxar solicitações da origem. Para a maioria dos clientes, o cache é totalmente criado novamente na CDN dentro de 1 a 2 dias.
Depois que sua conta for configurada com Smart Imaging, carregue um URL de imagem Dynamic Media Classic ou 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 seu domínio tiver o AVIF ativado, você também pode esperar ver o AVIF no Tipo de conteúdo.
Repita esse teste em navegadores e condições de usuário diferentes.
Nem todas as imagens são convertidas. O Smart Imaging decide se a conversão pode melhorar o desempenho. Às vezes, onde não há ganho de desempenho esperado ou o formato não é JPEG ou PNG, a imagem não é convertida.
O cabeçalho Smart Imaging determina os benefícios do Smart Imaging. Quando a Smart Imaging estiver ativada, depois de solicitar uma imagem, sob a Cabeçalhos de resposta título, 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 WebP sendo entregue
Se o valor de X-Adobe-Smart-Imaging
for -1 e o WebP ainda estiver sendo entregue, 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 o cache inteiro, você deve criar um caso de suporte.
Se quiser voltar a servir o WebP por padrão, crie um caso de suporte para o mesmo. Como de costume, você pode desativar o Smart Imaging adicionando o parâmetro bfc=off
ao URL da imagem. No entanto, você não pode selecionar WebP ou AVIF no modificador de URL para Smart Imaging. Essa capacidade é mantida no nível da conta da sua empresa.
Sim. Você pode desativar a Smart Imaging adicionando um dos seguintes modificadores:
bfc=off
para desativar a conversão de formato do navegador. Consulte também Conversão de formato do 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.A Imagem inteligente tem três opções que você pode ativar ou desativar.
Esse erro não ocorre se a Imagem inteligente não estiver ativada em sua conta. A Imagem inteligente funciona somente com formatos JPEG ou PNG.
Para evitar esse erro, é possível:
fmt
modificador, ouAdicionar fmt=tif
e bfc=off
para o caminho do URL da imagem.
O Smart Imaging usa formato e qualidade. O restante dos parâmetros permanecem os mesmos, se solicitado no URL da imagem.
Atualmente, não há esse provisionamento.
A Smart Imaging ajusta automaticamente a porcentagem de qualidade. Esse percentual de qualidade é determinado por meio de um algoritmo de aprendizado de máquina desenvolvido pelo Adobe. Essa porcentagem não é específica do intervalo.
Os únicos comandos que são ignorados são fmt
e qlt
. Todos os comandos restantes são suportados.
Essa funcionalidade funciona somente para JPEG e PNG.
O Smart Imaging determina se a conversão é benéfica ou não. Ele retorna a nova imagem somente da conversão que é benéfica.
Se uma imagem composta envolver muitas camadas, a funcionalidade do dpr pode ser afetada ao usar um modificador de posição. Esse problema é conhecido e será corrigido em versões futuras do Smart Imaging. Se outra funcionalidade de Smart Imaging não estiver funcionando como esperado, você pode criar um caso de suporte para relatar o problema.
Como o PNG é um formato sem perdas, o WebP e o AVIF anteriores eram entregues sem perdas, resultando em um tamanho maior do que o esperado. O Smart Imaging agora suporta 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 deste modificador:
https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update
Para invalidar o cache inteiro, você deve criar um caso de suporte solicitando esse esforço.
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 pela configuração da sua empresa ou pelo URL da imagem usando qlt=100
no caminho.