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.
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.