Formatos de arquivo de imagem compreender usados ​​em design wordpress

As imagens - seja fotos ou logos - você salvar e usar em seu site WordPress deve ser tipos por causa do tamanho menor e display colorido rico arquivo 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 compreensão

Quando você usa imagens raster em seu web design, eles precisam ter uma certa quantidade de compressão, ou uma diminuição no tamanho total do arquivo. compressão da imagem ocorre quando você salva 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.

Video: Dia a dia na gráfica #19 - Qual formato enviar para a gráfica

O maior tamanho de 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:

Video: A diferença entre os formatos de arquivos de imagem

  • 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 uns aos outros. 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 final 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 FormatTipo de Arquivo de ImagemTipo de compressão
JPGrasterCom perdas
GIFrasterSem perdas
PNGrasterSem perdas
AIVetorN / D*
EPSVetorN / D*
CDRVetorN / D*

Aqui estão os três formatos de imagem vetor principais que você provavelmente vai se deparar em seu trabalho com design gráfico:



  • AI: Adobe Illustrator, um arquivo proprietário desenvolvido pela Adobe para representar 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 de diferentes tipos de compressão, os formatos de arquivos também contêm 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 comprime 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ê normalmente não vê 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 ea 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 podem ser criados e salvos em uma tela transparente, enquanto que os arquivos JPG não pode. arquivos JPG deve ter pelo menos um branco tela de pintura (Background), ou alguma outra cor que você designado.

  • GIF: Compressão de um arquivo GIF é sem perdas, tornando a imagem exatamente como você projetou-lo sem perda de qualidade. No entanto, os arquivos GIF são limitadas a 256 cores. Para imagens de maior de cores, GIF não é o maior formato de usar-use o formato PNG em seu lugar.


Publicações relacionadas