Imagem Vetorial

As imagens são criadas através de programas vetoriais ou de desenho, baseando-se em fórmulas matemáticas e não em coordenadas dos píxeis tal como as imagens bitmapped.

Devido a estas características, este tipo de imagens não perde qualidade ao ser ampliada.

Fig.1 -  Exemplo de uma imagem vetorial.

Fig.2 - Exemplo de uma imagem vetorial

Visto que a qualidade da imagem criada com programas vetoriais não se baseia na resolução, estes geram ficheiros de tamanho menor do que os criados em programas bitmap.

Para se reproduzir uma imagem vetorial num monitor ou numa impressora é utilizada uma operação de rendering.

Webgrafia:

Conteúdo:

• Apontamentos da Professora;
• https://www.oficinadanet.com.br/artigo/design/o_que_e_desenho_vetorial
• https://pt.wikipedia.org/wiki/Desenho_vetorial

Imagem:

• https://rabiscunhando.files.wordpress.com/2010/06/kaka.png
• https://rabiscunhando.files.wordpress.com/2010/06/005.png

Ficheiros de Imagem Bitmap

BMP (Bitmap)

É, sem qualquer dúvida, o formato de ficheiros de imagem mais popular. Este é bastante comum, em grande parte, devido ao programa Paint. Ainda não possui qualquer tipo de algoritmo de compressão.

GIF (Graphics Interchange Format)

É um formato de compressão sem perdas, o que significa que quando o seu tamanho de origem é modificado, não perde qualidade. Devido ao reduzido espaço que ocupa no computador, é ideal para usar em páginas de Internet. Suporta no máximo 256 cores, que correspondem a 8 bits, sendo lido pelos mais variados programas. Possui com características, por exemplo, a transparência, animação e entrelaçamento.

Fig.1 - Exemplo de um GIF.

JPEG (Joint Photographic Experts Group)

É dos formatos mais populares para compressão de ficheiros, sendo esta com perdas, o que implica a perda de qualidade e de informação. A sua compressão baseia-se na eliminação de informações redundantes ou irrelevantes.

PDF (Portable Document Format)

Criado com o programa Adobe Acrobat, é muito usado para converter e comprimir bastante qualquer documento de texto ou de imagens, quando é necessário enviar esta informação para outros computadores, para leitura.

PNG (Portable Network Graphics)

É mais um dos formatos de compressão sem perdas, que substitui o formato GIF, suportando uma profundidade de cor até 48 bits. Apesar disso, não suporta animação.

TIFF (Tagged Image File Format)

É o último formato sem compressão que aqui temos.É sem dúvida o maior formato em termos de tamanho e aquele com melhor qualidade. É ideal para o tratamento da imagem antes de esta ser convertida para outro formato.


Webgrafia:

Conteúdo:

• Apontamentos da Professora

Imagem:

• https://www.google.pt/imgres?imgurl=http://img-comment-fun.9cache.com/media/2869f48c141686508839481961_700wa_0.gif&imgrefurl=http://9gag.com/gag/aPyOoYq/i-just-leave-this-here&h=374&w=400&tbnid=Hrb4WJyetvDNgM:&docid=vmPEtMixjqQ9wM&ei=hX9hVvmaDMX_acqEjxg&tbm=isch&ved=0ahUKEwi58bigk8LJAhXFfxoKHUrCAwMQMwh5KFEwUQ

Pixel, resolução, profundidade de cor e tamanho do ficheiro

Pixel

Um pixel é o menor ponto que forma uma imagem digital (menor ponto a que se pode dar uma cor), sendo que o conjunto de milhares de pixeis formam a imagem inteira.
Pixel (aglutinação de Picture e Element) é o menor elemento num dispositivo de exibição ao qual é possível atribuir-se uma cor.Portanto, é também o menor elemento que se pode controlar de uma imagem representada, por exemplo, num ecrã. É um ponto físico numa 'raster image', e a sua posição corresponde às suas coordenadas físicas.

Num monitor colorido básico cada Pixel é composto por um conjunto de 3 pontos: verde, vermelho e azul. Nos mais avançados, cada um destes pontos é capaz de exibir 256 tonalidades diferentes (o equivalente a 8 bits) e combinando tonalidades dos três pontos é então possível exibir pouco mais de 16.7 milhões de cores diferentes. Quanto mais pixels utilizados para representar uma imagem, mais esta se aproxima de parecer com o objeto original.

Fig.1 - Exemplo de imagem feita apenas com píxeis

Resolução

A resolução é, basicamente, a qualidade que a imagem possui, logo quanta maior a resolução, maior a qualidade. Assim sendo, a tal resolução depende da proximidade das linhas, umas em resolução às outras.

Fig.2 -  Exemplo de imagem com elevada resolução

Profundidade da Cor

Refere-se à quantidade de bits que têm de ser usados para representar um único pixel numa imagem bitmap. Também é conhecido com bpp (bits per pixel), quanta maior a quantidade da profundidade da cor presente na imagem, maior é a escala de cores disponível, como podem ver na imagem que se segue.

Fig. 3 - Tabela sobre a Profundidade da Cor

Tamanho do Ficheiro

O tamanho de um ficheiro refere-se ao espaço ocupado por um determinado ficheiro no disco rígido do computador. O espaço pode ser medido em Kilobytes (Kb), Megabytes (Mb), Gigabytes (Gb), etc. O tamanho de um ficheiro é influenciado por várias componentes, tais como o número de pixeis da imagem (ter um maior número de pixeis significa que a imagem apresentará maior resolução e será mais detalhada, mas isso também vai levar a que a imagem ocupe mais espaço em disco) e o formato do ficheiro (as imagens em formato GIF, JPEG, PNG e TIFF apresentam diferentes capacidades de compressão, como vos explicaremos num artigo seguinte, o que leva a que dependendo do formato, as mesmas imagens apresentem tamanhos diferentes).

Fig. 4 - Tamanho da imagem em função da sua resolução

Webgrafia:
Conteúdos:

• Apontamentos da Professora
• https://pt.wikipedia.org/wiki/Resolu%C3%A7%C3%A3o_de_imagem
• https://helpx.adobe.com/br/photoshop/using/image-size-resolution.html
• https://pt.wikipedia.org/wiki/Profundidade_de_cor
• http://www.tecmundo.com.br/imagem/203-o-que-e-pixel-.htm
• http://mundoestranho.abril.com.br/materia/o-que-e-um-pixel
• http://www.infopedia.pt/$profundidade-de-cor-(bit-depth)

Imagens:

• http://naldin.com.br/wp-content/uploads/2015/07/smw2_yoshi_01_nearest_16x.png
• http://www.scielo.br/img/revistas/dpress/v9n4/a13tab03.jpg
• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT2yRJk0DArPtetBKhCTMIsO_Ibkj_JprTH3LVB0mT0mIzfK7zN5fW3SqNwZZfjRNrrkKDSUs4wJ-8xTr85gEiDyDLvsWDu3oc1JYMzYD6uwdy5MjSjLFcUZDlzQdL4rrpsfr0_tuB-_dR/s1600/Sem+T%25C3%25ADtulo4.png
• http://img1.mxstatic.com/wallpapers/275251c46d4fd1a333b23368222acba3_large.jpeg

Imagem

Uma imagem é  a representação visual de um objeto através de técnicas da fotografia, da pintura, do desenho e do vídeo. As imagens digitais podem aparecer em praticamente todo o lado e expostas de variadas maneiras. Assim, este tipo de imagens são como que uma representação de destas a duas dimensões, sendo armazenadas, transferidas e processadas graças à utilização do código binário.
Há 2 tipos de imagem digital. Estas podem ser classificadas como imagens do tipo raster ou do tipo vetorial.

Tipo Raster:

Basicamente, são as que são formadas por correspondências entre os pontos da imagem raster e os pontos da reproduzida no computador. Este tipo de imagens, quando sujeitas a ampliações irão ficar deformadas.

Fig.1 -  Exemplo de Imagem Raster

Tipo Vetorial:

Por outro lado, as imagens do tipo vetorial são criadas a partir de equações matemáticas, que irão formar objetos ou linhas. Assim sendo, qualquer que seja a ampliação feita a estas, manterão a forma.

Fig.2 - Exemplo de Imagem Vetorial

Webgrafia:

• Apontamentos da Professora
• http://landsurveyorsunited.com/group/surveyinghowto/forum/topics/raster-vs-vector-explained