Formatos de arquivo de imagem Entendendo usados no WordPress design
As imagens - sejam fotos ou logos - você salvar e usar em seu site WordPress deve ser tipos por causa do tamanho de arquivo menor e exibição de cores ricas de arquivos raster. Você precisa entender como o compactação afeta o tamanho das imagens raster e descobrir que tipos de formatos de arquivo que você pode usar em seus próprios projetos.
compressão de entendimento
Quando você usa imagens raster em sua web design, eles precisam ter uma certa quantidade de compressão, ou uma diminuição no tamanho total do ficheiro. compressão da imagem ocorre quando você salvar um arquivo de imagem raster como JPG, GIF ou PNG. Compactar um arquivo diminui o tamanho do arquivo de imagem para que as cargas de imagem mais rápido em uma página web.
A maior o tamanho do arquivo de imagem, o que leva mais tempo para essa imagem para carregar na sua página web.
Comprimir ficheiros de imagem pode usar dois algoritmos diferentes, dependendo do formato de arquivo que você escolheu para o seu arquivo de imagem. Para arquivos de imagem digital, a compressão acontece em uma de duas maneiras:
compressão sem perdas: Todos os dados do arquivo de imagem é mantida durante e após a compressão, geralmente resultando em zero, perda de qualidade do arquivo de imagem original.
A compressão com perdas: Isto reduz o tamanho de um ficheiro de imagem através da remoção de certos bits de dados a partir do ficheiro original, ou através da combinação de partes da imagem que são semelhantes um ao outro. Isso geralmente resulta em perda de qualidade de imagem do arquivo original.
Que tipos de arquivo para usar para seus projetos
Embora os arquivos de imagem finais que você salvar e usar em seu trabalho de web design deve ser raster, você pode começar com imagens vetoriais para editar e manipular gráficos para atender as necessidades de seus projetos de web design.
| Image File Format | Tipo de Arquivo de Imagem | Tipo de compressão |
|---|---|---|
| JPG | raster | Com perdas |
| GIF | raster | Sem perdas |
| PNG | raster | Sem perdas |
| AI | Vetor | N / D* |
| EPS | Vetor | N / D* |
| CDR | Vetor | N / D* |
Aqui estão os três formatos de imagem vector principais que você provavelmente vai se deparar no seu trabalho com design gráfico:
AI: Adobe Illustrator, um arquivo proprietário desenvolvido pela Adobe para a representação de imagens vetoriais
EPS: formato de imagem PostScript vector encapsulado
CDR: CorelDRAW arquivo gráfico proprietário desenvolvido pela Corel para representar imagens vetoriais
Ao decidir o formato de arquivo de imagem raster para usar em seu projeto, ter em conta as características de cada formato. Além disso a diferentes tipos de compressão, os formatos de arquivo também conter quantidades variáveis de cor. As características dos três formatos mais comuns de arquivo de imagem raster incluem
JPG: Este formato é adequado para fotografias e imagens menores usados em seus projetos de web design. Embora o formato JPG compressas com compressão com perdas, você pode ajustar a quantidade de compressão que ocorre quando você salvar o arquivo. Você pode escolher um nível de compressão de 1 a 100, e você geralmente não ver uma grande quantidade de imagem Perda de qualidade com níveis de compressão 1-20.
PNG: Este formato é adequado para gráficos maiores usados em web design, como o logotipo ou cabeçalho gráfico principal que identifica a marca e a aparência geral, visual do site. PNG utiliza compressão de imagem sem perdas e, portanto, não sofre nenhuma perda de dados durante a compressão, criando uma imagem mais limpa, mais nítida.
Os arquivos PNG também pode ser criado e gravado em uma tela transparente, enquanto que os arquivos JPG não pode. arquivos JPG deve ter pelo menos um branco lona (Background), ou de outra cor que você designado.
GIF: A compressão de um arquivo GIF é sem perdas, tornando a imagem exatamente como você desenhou-lo sem perda de qualidade. No entanto, os arquivos GIF são limitados a 256 cores. Para imagens de maior de cores, GIF não é o maior formato de usar-use o formato PNG em seu lugar.