O que é otimização de imagens?
A otimização de imagens reduz o tamanho dos dados transferidos enquanto mantém a qualidade visual e os recursos exigidos por um produto. Ela pode combinar redimensionamento, remoção de metadados, ajuste de compressão e conversão para um formato de saída mais eficiente.
Como funciona a otimização de imagens
A otimização é uma etapa de publicação sujeita a restrições que equilibra a aparência decodificada, o custo de transferência, o suporte à decodificação e os recursos necessários, como transparência ou animação. Um fluxo de processamento pode remover dados não utilizados, redimensionar a partir da imagem matriz, escolher um codificador e produzir várias versões candidatas para exibição responsiva. A lógica de entrega então seleciona entre as candidatas usando marcação ou recursos negociados, em vez de presumir que uma única saída atende a todos os usuários. Os resultados devem ser avaliados nos tamanhos reais de exibição e com conteúdo representativo.
Informações essenciais
- A otimização sem perdas reescreve a representação sem alterar as amostras decodificadas, enquanto a otimização com perdas pode alterar os pixels por quantização ou redução de croma.
- A negociação de formato altera a identidade no cache: um intermediário que entrega codificações diferentes para uma única URL deve incluir as informações relevantes da solicitação na chave de cache da resposta.
- Redimensionar antes de codificar geralmente evita a transmissão e a decodificação de pixels não utilizados, mas uma versão candidata pequena demais perde nitidez de forma visível quando o CSS ou a densidade do dispositivo a amplia.
Quando a otimização de imagens é importante
Gere dimensões e formatos adequados a cada contexto de entrega, em vez de enviar um único original grande a todos os clientes. A compressão excessiva danifica detalhes, enquanto uma resolução desnecessária aumenta o consumo de largura de banda e pode piorar o desempenho do carregamento.