Estudo de caso de webdesigner

Estudo de caso webmaster

Criação de sites: economize todo o tempo gasto na otimização de imagens

Ao criar um site a partir de um arquivo do Photoshop, uma parte importante do trabalho é encontrar o melhor formato e compressão para aplicar às imagens. Encontrar as melhores configurações ajuda a obter um design atraente, mas é preciso exportar imagens o mais leves possível. Como o Photoshop aplica uma compressão global às imagens, é bastante complexo obter imagens leves e de alta qualidade simultaneamente.

Agora que acabou, nem pense nisso, trabalhe rápido e nós otimizaremos as imagens assim que você estiver trabalhando em outra coisa!

Considerando a criação de 30 imagens por página, incluindo o conteúdo e as imagens de design do tema, quanto tempo leva a exportação das imagens? O processo é bastante demorado e inclui várias tentativas com diferentes níveis de compressão.

qualidade jpeg

O processo de exportação como imagem JPG inclui:

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

Análise da página: 30 imagens exportadas 3 vezes cada para teste.
Tempo gasto nos testes: 1 minuto por teste, ou seja, 1 hora por página.
Com otimização automática de imagens: para 5 páginas, são 5 horas de trabalho, com qualidade perfeita no final.

 

Menor, porém de alta qualidade

Como o algoritmo ImageRecycle não aplica uma compressão global às imagens, mas leva em consideração a área de cor da imagem e o nível de compressão original, você pode exportar todas as imagens com 100% da qualidade. Lembre-se: quanto menos a imagem original for comprimida, melhor será a otimização e menor o tamanho do arquivo. Veja o teste abaixo com as imagens nomeadas em seus respectivos níveis de qualidade no Photoshop (60 = 60% da qualidade, 80 = 80% da qualidade...)

otimização de qualidade jpg

A imagem exportada com 100% de qualidade apresentou melhor resultado visual e tamanho. Portanto, considerando o aspecto técnico, estamos levando em conta o peso da imagem.