Estudo de caso de Webdesigner

Webmaster do estudo de caso

Construção de site: economize todo o tempo perdido na otimização de imagens

Ao criar um site a partir de um arquivo do Photoshop, uma grande parte do trabalho é encontrar o melhor formato e compactação para aplicar nas imagens. Encontrar as melhores músicas ajuda a ter um design bonito, mas você precisa exportar imagens o mais leve possível ao mesmo tempo. Como o Photoshop está aplicando uma compactação global em imagens, é bastante complexo ter imagens claras e de alta qualidade.

Agora acabou, nem pense nisso, trabalhe rápido e otimizaremos as imagens quando você estiver trabalhando em outra coisa!

Considerando a criação de 30 imagens por página que inclui o conteúdo e as imagens do design do tema, quanto tempo você gasta na exportação da imagem? O processo é bastante longo e inclui várias tentativas com vários níveis de compressão.

qualidade jpeg

A exportação como um processo de imagem jpg inclui:

  • Acesse o menu "Exportar para a web"
  • Escolha o formato JPEG
  • Escolha uma compressão / qualidade 
  • Selecione o tamanho
  • Exportar a imagem
  • Enviar imagem no seu site
  • Faça um teste final

Análise de página: 30 imagens exportadas 3 vezes cada para tentar
Tempo gasto na tentativa: 1' por tentativa, é 1 hora por página
Com otimização automática de imagem: para 5 páginas são 5 horas de trabalho, com uma qualidade perfeita no final

 

Menor com alta qualidade

Como o algoritmo ImageRecycle não aplica uma compactação global nas imagens, mas leva em consideração a área de cor da imagem e o nível de compactação original, você pode exportar todas as imagens com 100% de qualidade. Lembre-se: quanto menos compactada a imagem original, melhor será a otimização e o tamanho. Confira o teste abaixo com a imagem nomeada em seus níveis de qualidade do Photoshop (60 = 60% de qualidade, 80 = 80% de qualidade ...)

otimização de jpg de qualidade

A imagem exportada com 100% de qualidade obteve o melhor resultado visual e tamanho. Então pense na parte técnica que estamos cuidando do peso das imagens.