Como obter imagens de alta qualidade em páginas da Web

Construir gráficos para uso do site requer um entendimento dos formatos de arquivo que funcionam na Web e as melhores maneiras de configurar imagens para exibição rápida e nítida no software do navegador. As estratégias que você usa para gráficos da Web se sobrepõem às suas abordagens para trabalhar em projetos impressos, mas você encontrará diferenças que refletem onde seu trabalho será exibido e a melhor forma de criar materiais on-line. Se os seus projetos acabam no site da sua empresa ou se destinam ao uso do cliente, você pode otimizar a qualidade do seu trabalho se tiver em mente as demandas especiais da Web.

Correção de cor

Você não pode prever a fidelidade das cores dos dispositivos nos quais os visitantes do site visualizam suas imagens. De iPhones e iPads a painéis LCD de baixo custo e ocasionalmente monitor calibrado, seu trabalho aparecerá em um interminável desfile de hardware. Isso não significa, no entanto, que você não possa otimizar suas imagens para que elas exibam boa fidelidade de cores quando visualizadas em um dispositivo capaz de reproduzi-las. Use as ferramentas e os procedimentos de correção de cores do software de edição de imagens para limpar moldes de cores e ajustar a luminosidade para que seu trabalho apresente o assunto da melhor maneira possível.

Dimensionamento

O código da página da Web pode reduzir o tamanho de imagens grandes para as dimensões necessárias para um design de página específico. Os bytes extras que devem atingir o navegador do visitante para exibir essa imagem reduzida aumentam o tempo de transmissão desnecessário que diminui o carregamento da página. O tempo gasto para produzir versões em tamanho de imagens ajuda a criar páginas da Web responsivas que não deixam visitantes aguardando enquanto as informações do site são carregadas.

Afiação

Especialmente se você precisar reduzir o tamanho das imagens criadas a partir da resolução ou das dimensões de seus arquivos originais, as operações do arquivo criarão uma saída que suaviza devido aos processos de interpolação usados ​​nas operações de dimensionamento. Reserve um momento para aplicar um procedimento de nitidez ao assunto focal de suas imagens e dê ao visitante da Web uma visão clara do conteúdo da imagem. Se você usar a nitidez seletiva para restringir seu processo à área dominante da imagem, evitará o aumento desnecessário do tamanho do arquivo ao produzir uma saída otimizada. Não caia na armadilha do novato de oversharpening, no entanto - artefatos como halos e linhas irregulares resultam.

Otimizando

Desde as tabelas de cores que definem o intervalo de tons em um arquivo GIF até os algoritmos de compactação que permitem que os JPEGs armazenem imagens em arquivos pequenos, os gráficos da Web exigem otimização quando você salva seus arquivos de saída. Quanto menor a tabela de cores, menor o GIF, mas a redução do tamanho do arquivo em detrimento da qualidade da imagem é uma desvantagem. Da mesma forma, visualize sua saída JPEG para escolher a quantidade certa de compactação que equilibre o tamanho do arquivo com os artefatos de compactação. A nitidez seletiva - e até mesmo a desfocagem seletiva de detalhes não essenciais da imagem - pode reduzir o tamanho do arquivo JPEG.