A otimização da qualidade da imagem pode ser um processo demorado, já que muitos fatores contribuem para a renderização de resultados aceitáveis. O resultado é parcialmente subjetivo porque os indivíduos percebem a qualidade da imagem de forma diferente. Experimentação estruturada é fundamental.
AEM inclui mais de 100 comandos de delivery de imagem Dynamic Media para ajustar e otimizar imagens e resultados de renderização. As diretrizes a seguir podem ajudá-lo a dinamizar o processo e obter bons resultados rapidamente usando alguns comandos essenciais e práticas recomendadas.
&fmt=
)Como prática recomendada para o formato de imagem, start com a configuração mais comum &fmt=JPG
.
Reduzir dinamicamente o tamanho da imagem é uma das tarefas mais comuns. Ela envolve especificar o tamanho e, opcionalmente, qual modo de redução de resolução é usado para diminuir a escala da imagem.
&wid=<value>
e &hei=<value>,
ou apenas &hei=<value>
. Esses parâmetros definem automaticamente a largura da imagem de acordo com a proporção.&resMode=<value>
controla o algoritmo usado para diminuir a resolução. Start com &resMode=sharp2
. Esse valor fornece a melhor qualidade de imagem. Embora a redução da resolução value =bilin
seja mais rápida, geralmente resulta na suavização de artefatos.Como prática recomendada para dimensionamento de imagem, use &wid=<value>&hei=<value>&resMode=sharp2
ou &hei=<value>&resMode=sharp2
O ajuste da nitidez da imagem é o aspecto mais complexo do controle de imagens em seu site, e onde muitos erros são cometidos. Aproveite o tempo para saber mais sobre como a nitidez e a máscara de nitidez funcionam na AEM, consultando os seguintes recursos úteis:
White paper de práticas recomendadas O ajuste de nitidez de imagens no Adobe Dynamic Media Classic também se aplica a AEM.
Na TV Adobe, assista Nitidez de uma imagem com máscara nítida.
Com o AEM, você pode tornar as imagens mais nítidas na ingestão, no delivery ou em ambos. Entretanto, na maioria dos casos, é necessário aumentar a nitidez das imagens usando apenas um método ou outro, mas não ambos. O compartilhamento de imagens no delivery, em um URL, geralmente oferece os melhores resultados.
Existem dois métodos de nitidez de imagem que você pode usar:
Nitidez simples ( &op_sharpen
) - Semelhante ao filtro de nitidez usado no Photoshop, a nitidez simples aplica a nitidez básica à visualização final da imagem após o redimensionamento dinâmico. No entanto, esse método não é configurável pelo usuário. A prática recomendada é não usar &op_sharpen, a menos que necessário.
Mascaramento com nitidez ( &op_USM
) - O mascaramento com nitidez é um filtro de nitidez padrão do setor. A prática recomendada é tornar as imagens nítidas com máscaras nítidas, seguindo as diretrizes abaixo. O mascaramento de nitidez permite controlar os três parâmetros a seguir:
&op_sharpen=
quantidade,raio,limite
amount (0-5, intensidade do efeito.)
radius (0-250, largura das "linhas de nitidez" desenhadas ao redor do objeto com nitidez, conforme medido em pixels.)
Lembre-se de que o raio e a quantidade dos parâmetros funcionam uns contra os outros. A redução do raio pode ser compensada pelo aumento do montante. O Raio permite um controle mais fino como um valor mais baixo aumenta a nitidez apenas dos pixels da borda, enquanto um valor mais alto aumenta a nitidez de uma faixa maior de pixels.
limiar (0-255, sensibilidade do efeito.)
Esse parâmetro determina como deve ser a diferença dos pixels com nitidez em relação à área ao redor antes de serem considerados pixels de borda e o filtro ajuste a nitidez deles. O parâmetro limit ajuda a evitar a sobreposição de nitidez de áreas com cores semelhantes, como tons de pele. Por exemplo, um valor limite de 12 ignora pequenas variações no brilho do tom da pele para evitar a adição de "ruído", enquanto ainda adiciona o contraste da borda a áreas de alto contraste, como onde as pálpebras tocam a pele.
Para obter mais informações sobre como você define esses três parâmetros, incluindo as práticas recomendadas para usar com o filtro, consulte os seguintes recursos:
AEM tópico da Ajuda sobre como aumentar a nitidez de uma imagem.
White paper de práticas recomendadas Qualidade de imagem clássica Adobe Dynamic Media e práticas recomendadas de nitidez.
AEM também permite controlar um quarto parâmetro: monocromático (0,1). Esse parâmetro determina se a máscara de nitidez é aplicada a cada componente de cor separadamente usando o valor 0 ou o brilho/intensidade da imagem usando o valor 1.
Como prática recomendada, start com o parâmetro de raio de máscara de nitidez. As configurações de Raio que você pode start são as seguintes:
Aumentar gradualmente o montante de 1,75 para 4. Se a nitidez ainda não for a forma desejada, aumente o raio em um ponto decimal e execute a quantidade novamente de 1,75 a 4. Repita conforme necessário.
Deixe a configuração do parâmetro monocromático em 0.
&qlt=
)Esse parâmetro controla a qualidade da codificação JPG. Um valor mais elevado significa uma imagem de qualidade mais elevada, mas com um tamanho de ficheiro grande; como alternativa, um valor mais baixo significa uma imagem de qualidade mais baixa, mas com um tamanho de arquivo menor. O intervalo para este parâmetro é de 0 a 100.
Para otimizar a qualidade, não defina o valor do parâmetro como 100. A diferença entre uma configuração de 90 ou 95 e 100 é quase imperceptível, mas 100 aumenta desnecessariamente o tamanho do arquivo de imagem. Portanto, para otimizar a qualidade, mas evitar que os arquivos de imagem fiquem muito grandes, defina qlt= value
como 90 ou 95.
Para otimizar para um pequeno tamanho de arquivo de imagem, mas manter a qualidade da imagem em um nível aceitável, defina qlt= value
como 80. Valores abaixo de 70 a 75 resultam em degradação significativa da qualidade da imagem.
Como prática recomendada, para ficar no meio, defina qlt= value
como 85 para ficar no meio.
Usando o sinalizador de croma em qlt=
qlt=
tem uma segunda configuração que permite ativar a redução da resolução da cromaticidade RGB usando o valor ,1
ou desligado usando o valor ,0
.,0
). Essa configuração geralmente resulta em melhor qualidade de imagem, especialmente para imagens sintéticas com muitas bordas nítidas e contraste.Como prática recomendada para a compactação JPG, use &qlt=85,0
.
&jpegSize=
)jpegSize é um parâmetro útil se você quiser garantir que uma imagem não exceda um determinado tamanho para delivery a dispositivos com memória limitada.
jpegSize=<size_in_kilobytes>
). Define o tamanho máximo permitido para o delivery de imagem.&jpegSize=
interage com o parâmetro de compactação JPG &qlt=
. Se a resposta JPG com o parâmetro de compactação JPG especificado (&qlt=
) não exceder o valor jpegSize, a imagem será retornada com &qlt=
conforme definido. Caso contrário, &qlt=
será gradualmente diminuído até que a imagem se ajuste ao tamanho máximo permitido, ou até que o sistema determine que não é possível ajustar e retorne um erro.Como prática recomendada, defina &jpegSize=
e adicione o parâmetro &qlt=
se estiver fornecendo imagens JPG a dispositivos com memória limitada.
Como prática recomendada, para obter uma alta qualidade de imagem e um pequeno tamanho de arquivo, start com a seguinte combinação de parâmetros:
fmt=jpg&qlt=85,0&resMode=sharp2&op_usm=1.75,0.3,2,0
Essa combinação de configurações de produtos resulta em excelentes resultados na maioria das circunstâncias.
Se a imagem exigir otimização adicional, ajuste gradualmente os parâmetros de nitidez (máscara de nitidez) iniciando com um raio definido como 0,2 ou 0,3. Em seguida, aumente gradualmente o valor de 1,75 para um máximo de 4 (equivalente a 400% no Photoshop). Verifique se o resultado desejado foi obtido.
Se os resultados da nitidez ainda não forem satisfatórios, aumente o raio em incrementos decimais. Para cada incremento decimal, reinicie o valor em 1,75 e aumente-o gradualmente para 4. Repita esse processo até obter o resultado desejado. Embora os valores acima sejam uma abordagem que os estúdios criativos validaram, lembre-se de que você pode start com outros valores e seguir outras estratégias. Se os resultados são ou não satisfatórios para si é uma questão subjetiva, por isso é fundamental uma experimentação estruturada.
Durante o experimento, você também pode achar as seguintes sugestões gerais úteis para otimizar seu fluxo de trabalho:
$thumb_low$
e &product_high$
. O nome predefinido personalizado em um caminho de URL faz uma chamada para essas predefinições. Essa funcionalidade ajuda a gerenciar comandos e configurações de qualidade para diferentes padrões de uso de imagens em seu site e reduz a duração geral dos URLs.