Imagem inteligente smart-imaging

O que é "Smart Imaging"? what-is-smart-imaging

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.

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:

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)

Quais são os principais benefícios do último Smart Imaging? what-are-the-key-benefits-of-smart-imaging

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:

Sobre a conversão de formato do navegador (bfc) bfc

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.

Sobre a otimização da taxa de pixels do dispositivo (dpr) 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 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.

Consulte também Ao trabalhar com imagens e Ao trabalhar com o Recorte inteligente.

Sobre a otimização da largura de banda da rede network

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.

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.

Principais benefícios do Smart Imaging

Há algum custo de licenciamento associado ao Smart Imaging? are-there-any-licensing-costs-associated-with-smart-imaging

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).

Como funciona a Smart Imaging? how-does-smart-imaging-work

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.

Quais formatos de imagem são compatíveis? what-image-formats-are-supported

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.

Como o Smart Imaging funciona com minhas predefinições de imagem existentes que já estão em uso? how-does-smart-imaging-work-with-our-existing-image-presets-that-are-already-in-use

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.

Preciso alterar quaisquer URLs, predefinições de imagens ou implantar qualquer novo código no meu site para Smart Imaging? will-i-have-to-change-any-urls-image-presets-or-deploy-any-new-code-on-my-site-for-smart-imaging

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 HTTPS? E HTTP/2? does-smart-imaging-working-with-https-how-about-http

O Smart Imaging funciona com imagens entregues por HTTP ou HTTPS. Além disso, também funciona por HTTP/2.

Posso usar a Smart Imaging? am-i-eligible-to-use-smart-imaging

Para usar a Smart Imaging, a Dynamic Media Classic ou Dynamic Media na Experience Manager deve atender aos seguintes requisitos:

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.

Qual é o processo para ativar a Smart Imaging na minha conta? what-is-the-process-for-enabling-smart-imaging-for-my-account

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:

Quando posso esperar que minha conta seja ativada com a Smart Imaging? when-can-i-expect-my-account-to-be-enabled-with-smart-imaging

As solicitações são processadas na ordem em que são recebidas pelo Suporte ao cliente, de acordo com a Lista de espera.

Quais são os riscos ao mudar para usar a Smart Imaging? what-are-the-risks-with-switching-over-to-use-smart-imaging

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.

Como posso verificar se a Smart Imaging está funcionando como esperado? how-can-i-verify-whether-smart-imaging-is-working-as-expected

Como saber o ganho em desempenho? Existe uma maneira de conhecer os benefícios do Smart Imaging? benefits

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:

Como posso desativar a otimização de AVIF no Smart Imaging? disable-avif

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.

A Smart Imaging pode ser desativada para qualquer solicitação? turning-off-smart-imaging

Sim. Você pode desativar a Smart Imaging adicionando um dos seguintes modificadores:

Que "ajuste" está disponível? Existem configurações ou comportamentos que podem ser definidos? tuning-settings

A Imagem inteligente tem três opções que você pode ativar ou desativar.

Tenho um URL com fmt=tif no navegador web Chrome. Mas minha solicitação falha com um erro do ImageServer. Por quê? fmt-tif

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:

Quero baixar uma imagem TIFF do URL de uma imagem. Como faço isso? download-tif

Adicionar fmt=tif e bfc=off para o caminho do URL da imagem.

O Smart Imaging só gerencia o formato de imagem ou também gerencia as configurações de qualidade de imagem para obter melhores resultados?

O Smart Imaging usa formato e qualidade. O restante dos parâmetros permanecem os mesmos, se solicitado no URL da imagem.

Se o Smart Imaging gerenciar as configurações de qualidade, há mínimos e máximos que eu posso definir? Ou seja, uma qualidade que não é inferior a 60 e não é superior a 80? quality-setting

Atualmente, não há esse provisionamento.

O Smart Imaging ajusta automaticamente a configuração de saída de porcentagem de qualidade ou é uma configuração que é ajustada manualmente e se aplica a todas as imagens? Dentro de que intervalo? percent-quality

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.

Com a Smart Imaging, quais comandos de veiculação de imagens são suportados ou ignorados? support-ignore

Os únicos comandos que são ignorados são fmt e qlt. Todos os comandos restantes são suportados.

As imagens de JPEG são substituídas apenas por Imagens inteligentes? E se eu solicitar um WebP, PNG ou algo mais? replace-request

Essa funcionalidade funciona somente para JPEG e PNG.

Por que uma imagem JPEG às vezes é retornada ao Chrome em vez de WebP? jpeg-returned

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.

Por que a funcionalidade da Proporção de pixels do dispositivo (dpr) não funciona conforme o esperado com imagens compostas? composite-images

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.

Por que o PNG do Smart Imaging ainda é convertido em WebP/AVIF sem perdas? convert-to-lossless

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.

Como posso continuar usando o PNG para conversão sem perdas no Smart Imaging? continue-using

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.