Otimização de imagens - Edge Security Acceleration: Central de Documentação do Alibaba Cloud

Edge Security Acceleration (ESA) transforma imagens de source na borda por meio de conversão de formatos, ajuste de qualidade, recorte e redimensionamento. Em seguida, armazena os resultados em cache para aumentar a velocidade de entrega e reduzir o tráfego de retorno à source.

Nota

As regras de otimização de imagens se aplicam apenas a solicitações que correspondem às condições especificadas. Para otimização de imagens no nível do site, consulte Configure image transformations.

Casos de uso

Com o processamento de imagens do ESA, os nós de borda do ESA executam todas as transformações e o armazenamento em cache sem impactar o servidor de source.

A tabela a seguir lista casos de uso comuns. Esta lista não é exaustiva.

Caso de uso	Descrição
Plataformas de e-commerce	Processe imagens em vários estilos para diferentes dispositivos e reduza o esforço de edição manual. Compacte fotos de product e imagens geradas por usuários para diminuir o tamanho dos arquivos e os custos de tráfego. Adicione marcas d'água para proteção de direitos autorais, branding e promoção.
Redes sociais	Edite imagens para atender aos requisitos padrão de processamento de conteúdo para redes sociais. Inclua marcas d'água para proteger conteúdo pessoal contra uso não autorizado.
Educação online	Adapte imagens para cumprir os requisitos padrão de processamento de materiais educacionais e conteúdo de cursos. Aplique diferentes recursos de compactação para equilibrar tamanho de arquivo e qualidade visual em diversos cenários.
Sites de recursos de design	Trate imagens em múltiplos estilos para distintos dispositivos, minimizando o trabalho manual de edição. Em sites dependentes de imagens de alta resolução, utilize a otimização automática para aplicar compactação visualmente sem perdas. Isso maximiza a redução do tamanho do arquivo sem degradar a qualidade e melhora a velocidade de carregamento.

Limites

O processamento de imagens está sujeito aos seguintes limites.

Limites da imagem original:

Os formatos de imagem suportados incluem JPEG, JPG, PNG, WebP, BMP, GIF, TIFF e JPEG 2000.
O tamanho da imagem original não deve exceder 10 MB.
O product de largura × altura não deve exceder 16.777.216 pixels.

Nota
Para imagens GIF, o total de largura × altura corresponde à soma de todos os quadros. Utilize ferramentas como o ImageMagick para visualizar os detalhes dos quadros de uma imagem GIF.

Limites da imagem transformada:

O product de largura × altura não deve ultrapassar 16.777.216 pixels.
Na conversão para o formato WebP, o product de largura × altura deve ser no máximo 16.777.216 pixels, e nem a largura nem a altura podem exceder 16.384 pixels individualmente. Caso a imagem de source seja animada, ela se tornará estática após a conversão para WebP.

Limites de pré-busca de cache:

As transformações de imagens não se aplicam ao conteúdo pré-buscado no cache. Durante a pré-busca, os nós do ESA obtêm apenas os arquivos de imagem originais, sem realizar transformações.

Crie regra de otimização de imagens

No console do ESA, clique em Websites. Na coluna Website, clique em no site desejado.
No painel de navegação à esquerda, escolha Rules > Content Optimization.
Clique em na aba Image Optimization, clique em Create Rule e insira um Rule Name.
Na seção If requests match..., defina as condições para corresponder às solicitações recebidas dos usuários. Para mais informações, consulte Rule expression components.
Ative Image Transformations.

Validação de transformação

Solicitação original

Solicite example.com/bb.jpeg. A resposta retorna uma imagem com orientação normal no formato .jpeg.

Solicitação transformada

Conversão de formato: Para converter uma imagem .jpeg para .png, altere a URL da solicitação para example.com/bb.jpeg?image_process=format,png. A resposta retornará uma imagem .png.
Rotação de imagem: Para girar a imagem 90° no sentido horário, altere a URL da solicitação para example.com/bb.jpeg?image_process=rotate,90. A resposta retornará a imagem rotacionada em 90° no sentido horário.

Operações de processamento de imagens suportadas

Nota

Após ativar a otimização de imagens, adicione um ou mais parâmetros de processamento à URL da solicitação para executar as transformações. A tabela a seguir descreve os parâmetros suportados.

Recurso de processamento de imagens	Parâmetro de processamento	Descrição
Format conversion	format	Converte o formato da imagem.
Quality conversion	quality	Ajusta a qualidade da imagem.
Image cropping	crop	Recorta a imagem para um tamanho especificado.
Image scaling	resize	Redimensiona a imagem para um tamanho especificado. Atualmente, apenas a redução de escala é suportada; o aumento de escala não está disponível.
Image rotation	Rotação automática: auto-orient Rotação especificada: rotate	Gira a imagem automaticamente com base nos metadados ou a rotaciona no sentido horário por um ângulo especificado.
Image color	Brilho: bright Contraste: contrast Nitidez: sharpen	Ajusta o brilho, o contraste e a definição da imagem.
Add watermark	watermark	Adiciona uma marca d'água de imagem ou texto à figura.
Get info	info	Recupera informações da imagem, incluindo dimensões, formato e qualidade.

Documentação relacionada

Os recursos relacionados a regras variam em prioridade efetiva, reentrância e granularidade efetiva. Para obter detalhes, consulte Characteristics of rule-based features.