Como criar imagens da web-friendly
Você pode criar e salvar gráficos em muitos aspectos, mas apenas alguns formatos são realmente apropriado para as imagens que você pretende usar na web. Como você criar imagens web-friendly, você deve prestar atenção para arquivar os formatos e tamanhos.
Muitas vezes, 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 cruzada plataforma 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 comprimidos são melhores para uso geral na web:
Graphics Interchange Format (GIF): Imagens guardadas 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 da aplicação. 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 gráfica permite que você salve as imagens em qualquer um destes formatos. Experiência com eles para ver como converter um gráfico a partir de um formato para outro muda sua aparência e tamanho do 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 menos detalhe | dom&rsquo-t utilizar este formato se você tiver uma imagem complexa ou foto. |
| JPEG | Fotos ou imagens com milhões de cores e muita detalhe | dom&utilização rsquo-t com linha arte. qualidade compromissos quando você compactar o arquivo. |
| PNG | Fotos ou imagens com milhões de cores e muita detalhe | dom&utilização rsquo-t com linha arte. Oferece melhor equilíbrio entre qualidade e tamanho do arquivo. |
Cada um dos seguintes locais oferece uma visão completa de formatos gráficos:
W3C de “Gráficos na Web”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 descarregamento rápido. Para obter dicas e truques para ajudá-lo a criar páginas que baixam rapidamente, rever estes recursos úteis:
Otimização de imagens artigo no site da Fonte HTML
Otimizar gráficos da Web tutorial em Otimização de sites.