Veja mais sobre otimização e posterização de imagens

Otimização JPEG de desfoque gaussiano

O desfoque gaussiano suaviza os detalhes de uma imagem. Na edição de fotos, geralmente é usado para melhorar a qualidade de uma foto ou para dar um efeito visual interessante. No entanto, se você introduzir apenas uma pequena quantidade de desfoque gaussiano em uma foto, uma quantidade que não altera muito sua fidelidade visual, você pode diminuir o tamanho do arquivo.

Demonstração

Vamos abrir a imagem no Photoshop e então vamos aplicar Filter > Blur > Gaussian Blur. Em seguida, aumentamos a opção Raio até que comece a reduzir visivelmente a nitidez da imagem. Quando então escolha um valor que seja visualmente aceitável para nós. Depois de aplicar o filtro Gaussian Blur, salvamos nossa imagem da maneira normal.

A imagem otimizada tem 58,7 KB, uma redução de 3,6% no tamanho do arquivo.

Posterização da imagem

A posterização nos permite diminuir o tamanho do arquivo de uma imagem sem prejudicar muito a qualidade da imagem percebida. A posterização funciona convertendo gradientes de cores contínuos em segmentos não contínuos que exigem menos cores para serem renderizados.

Demonstração

Nesta demonstração, usarei uma imagem PNG de um brinde. A imagem PNG acima tem 51,0 KB. Abri a imagem PNG no Photoshop para posterizá-la.

Para posterizar a imagem, vá para Imagem > Ajustes > Posterizar . Na janela de diálogo Posterizar , marque a opção Visualizar para ver suas edições em tempo real. Defina a opção Níveis para o valor mais baixo possível com o qual você pode se safar.

Para o meu exemplo, em um valor de Níveis inferior a 76, a degradação da qualidade da imagem percebida não é mais aceitável para mim. Após aplicar o ajuste de imagem, basta salvar o PNG como normalmente faríamos. Como fui muito agressivo com a posterização, a imagem otimizada tem apenas 37,6 KB, uma redução de 26,3% no tamanho do arquivo.

  • Técnicas inteligentes de otimização de PNG: este artigo na Smashing Magazine detalha como funciona a posterização e aborda outros truques avançados de otimização de imagem, como filtragem de linha de varredura e transparência suja
  • Método mais eficaz para reduzir e otimizar imagens PNG: este tutorial passo a passo mostra como posterizar imagens no Photoshop
  • Posterização de imagens: Este artigo discute os aspectos técnicos da posterização

Ajuste de pixel

O ajuste de pixel é uma técnica útil para garantir resultados de alta qualidade para gráficos vetoriais que são convertidos em gráficos raster.

Imagens simples e não fotográficas, como ícones e logotipos, são melhor criadas como gráficos vetoriais, pois isso nos permite dimensioná-las para tamanhos diferentes sem perda de fidelidade. No entanto, geralmente ocorre um problema quando gráficos vetoriais são convertidos em formatos de imagem estática (gráficos raster), como JPEG ou PNG . Quando usamos um software de edição de imagem como o Photoshop para converter automaticamente um gráfico vetorial em um gráfico raster, ele tenta fazer o melhor para suavizar as bordas – um processo automatizado conhecido como anti-aliasing.

Os resultados do anti-aliasing variam. Muitas vezes, leva a resultados de baixa qualidade. Para melhorar a qualidade do gráfico, podemos editar manualmente os pixels para garantir que eles se encaixem na grade de pixels.

Isso é chamado de ajuste de pixel (ou dica de pixel).

Usando um editor de imagem como o Photoshop, você pode ampliar o gráfico vetorial e, em seguida, mover manualmente seus caminhos de vetor um pouco até que eles se encaixem perfeitamente dentro da grade de pixels antes de salvar o vetor como um raster. Somente ajuste de pixel funciona para linhas retas, então você terá que contar com anti-aliasing para exibir curvas.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *