Como criar imagens em web-friendly
Você pode criar e salvar os gráficos de várias maneiras, mas apenas alguns formatos são realmente apropriado para as imagens que você pretende usar na web. Como você criar imagens de web-friendly, você deve prestar atenção para arquivar os formatos e tamanhos.
Muitas vezes, os formatos de arquivos gráficos são específicas para sistemas operacionais ou aplicativos de software. Porque você não pode prever o que computador e software de um visitante será (excepto ele ou ela vai usar algum tipo de web browser), você precisa de imagens que qualquer um pode ver com qualquer navegador. Isto significa que você precisa usar cross-platform formatos de arquivo que os usuários podem ver com qualquer versão do Microsoft Windows, o Mac OS ou Linux.
Estes três formatos gráficos compactados são os melhores para uso geral na web:
Graphics Interchange Format (GIF): As imagens salvas como GIFs muitas vezes são menores do que aqueles salvos em outros formatos de arquivo. GIF suporta até apenas 256 cores, por isso, se você tentar salvar uma imagem criada com milhões de cores como um GIF, você perde qualidade de imagem. GIF é o melhor formato para imagens menos complexos, não fotográficas, tais como a linha arte, clip art, ou ícones.
Joint Photographic Experts Group (JPEG): O formato de arquivo JPEG suporta cores de 24 bits (milhões de cores) e imagens complexas, tais como fotografias. JPEG é multi-plataforma e independente do aplicativo. A ferramenta de edição de imagem boa pode ajudá-lo a ajustar a compressão para que você possa encontrar um equilíbrio óptimo entre a qualidade da imagem e o tamanho do arquivo.
Portable Network Graphics (PNG): PNG é o mais recente formato de arquivo de imagem multi-plataforma e independente da aplicação. Ele foi criado para combinar os melhores aspectos de GIF e JPEG. PNG tem a mesma compressão, GIF, mas suporta cores de 24 bits (e mesmo a cor de 32 bits) como JPEG faz.
Qualquer boa ferramenta de edição de imagens permite que você salve as imagens em qualquer um destes formatos. Experiência com eles para ver como a conversão de um gráfico a partir de um formato para outro muda sua aparência e tamanho de arquivo. Em seguida, escolher o formato produz os melhores resultados.
A tabela mostra diretrizes para escolher um formato de arquivo para imagens por tipo.
| Formato de arquivo | Melhor usado para | Cuidado |
|---|---|---|
| GIF | Linha de Arte, ícones e imagens com poucas cores e lessdetail | Não use este formato se tiver um orphoto imagem complexa. |
| JPEG | Fotografias ou imagens com milhões de cores e lotes ofdetail | Não use com arte de linha. qualidade compromissos quando youcompress o arquivo. |
| PNG | Fotografias ou imagens com milhões de cores e lotes ofdetail | Não use com arte de linha. Oferece melhor equilíbrio betweenquality e tamanho do arquivo. |
Cada um dos seguintes locais oferece uma visão completa de formatos gráficos:
W3C de # 147-Gráficos na Web# 148- artigo
Quackit.com de Tutorial Gráficos Web
Como você construir gráficos para sua página web, manter um equilíbrio saudável entre a qualidade e tamanho do arquivo. Se você picar ao redor com seu mecanismo de busca favorito, você pode encontrar bons tutoriais sobre o recorte tamanhos de arquivo de imagem e otimização de sites inteiros para o download rápido. Para obter dicas e truques para ajudá-lo a criar páginas que baixam rapidamente, revisar estes recursos úteis:
otimizando Imagens artigo no site da Fonte HTML
Otimizar gráficos da Web tutorial em Otimização de sites.