Use o melhor Formatos de imagem e Tamanhos

Se você já está fazendo web design por um tempo, você provavelmente já percebeu que os formatos PNG e GIF são geralmente melhor para a linha arte, tais como logotipos ou desenhos animados, e que o formato JPEG é melhor para fotografias e outras imagens que têm milhões de cores.

As diretrizes mesmo formato são verdadeiras sobre as últimas versões do iPhone e iPad, mas se você quiser suas imagens para exibir bem em todos dispositivos na família iOS, para manter o formato PNG para todas as suas imagens. Também é uma boa escolha para o iPhone e iPad porque o iOS Software Development Kit (SDK) otimiza automaticamente imagens PNG.

O formato PNG é o mais confuso dos três formatos de imagem usados ​​na web, em parte porque é o mais novo. Nos primeiros dias da web, designers usaram o formato GIF, porque todos os navegadores da web primeiros poderia exibi-lo.


O formato PNG oferece qualidade superior com tamanhos de arquivo menores, e porque os navegadores web têm apoiado PNG por mais de uma década, a maioria dos designers têm atualizado para usar PNG em vez de GIF. Ainda assim, a mensagem legado que o formato GIF é melhor suportada do que PNG significa que algumas pessoas têm o equívoco que GIF é uma opção melhor.

Aumentando a confusão é os vários tipos de arquivos PNG que existem. Photoshop suporta tanto PNG 8 (que suporta 256 cores) e PNG-24, que suporta uma muito superiores 8 bits por canal e é especialmente adequado para trabalhar com transparência. Você ainda pode usar o formato JPEG para fotografias e outras imagens, mas a transparência não é possível em JPEGs, de modo que o formato PNG-24 oferece uma vantagem.

A questão que permanece é se a profundidade de cor superior de PNG-24 vale a pena o tempo adicional que leva para carregar PNG-24 imagens por causa do tamanho de arquivo maior que vem com tudo o que a profundidade de cor.

Em última análise, você tem que decidir o que é mais importante para você para seus projetos - a melhor cor e qualidade de imagem, ou as velocidades de download rápidas.

image0.jpg

De qualquer maneira, você pode salvar qualquer imagem no formato PNG usando o Adobe Photoshop, mostrado na Figura 3-12, escolhendo Arquivo-Salvar para a Web e, em seguida, selecionar a lista drop-down PNG-8 ou PNG-24 a partir do formato de imagem , que está aberto na figura.

» » » » Use o melhor Formatos de imagem e Tamanhos