SlideShare a Scribd company logo
1 of 17
Profª Aline Okumura
VETOR
Onde temos contato com imagens digitais ?
O que é uma imagem digital?
Pixel
O pixel é um elemento que pode ser encontrado em imagens de dispositivos eletrônicos. É o menor
ponto de uma imagem. Isso significa que ao ampliar uma imagem, vemos todos os mínimos detalhes em
pixels, ou seja, o pixel é a menor parte de uma imagem e também é o único elemento que a compõe.
Bitmap
Um dos formatos mais conhecidos é o Bitmap (.bmp) que significa "mapa de bits", sendo também
chamado de raster.
Adobe Photoshop
Adobe Photoshop
Resolução de Telas
Mobile Desktop
Resolução de Telas
Televisão
O pixel não tem uma medida definida em centímetros. O pixel pode ter diferentes tamanhos, sendo
que o tamanho visual do pixel está diretamente relacionado à quantidade de pixels por polegada (ppi, que
significa pixel per inch).
Para entender isso, basta você experimentar criar uma imagem em um editor de imagem
(Photoshop). Um dos campos que podem ser alterados na criação de uma imagem é a resolução. Ela
pode ser definida em pixels/inch (pixels por polegada), em pixels/cm (pixels por centímetro) ou em pixels
por outras unidades.
Imagens exibidas na tela de algum dispositivo, o tamanho do pixel vai variar conforme a resolução
suportada pelo aparelho e também em decorrência do tamanho do display, ou seja, se você abrir uma
imagem em uma tela de 13 polegadas (Notebook) que trabalhe com a resolução de 1920 x 1080 pixels e
depois visualizar a mesma imagem em uma tela de 55 polegadas (TV), a qual opera na mesma resolução,
notará uma diferença enorme entre os pixels.
A imagem não mudou de tamanho, os pixels que a compõe também não, mas cada tela irá adaptar o
conteúdo ao espaço disponível, o que resultará em uma diferença na representação do pixel e,
consequentemente, pixels de tamanhos diferentes. Na tela menor, o pixel terá aproximadamente 0,15
mm, enquanto que na tela maior ele terá mais de 0,6 mm.
1 cm é equivalente a 0,39370 polegadas.
Pixel
Vetor
Trabalha os desenhos em linhas com formas geométricas simples e fórmulas matemáticas. Como na
física, o vetor é uma entidade definida pelos atributos direção, módulo e sentido.
São identificados por gráficos e ilustrações a mão livre, imagens em 2D e 3D, produzidos em softwares
específicos.
Vantagens
Qualquer imagem pode ser gravada em bitmap.
Possui recursos de fácil manipulação e tratamento
(efeitos especiais).
Desvantagens
As imagens em bitmap de alta resolução geram
arquivos de tamanho muito grande.
O tamanho da imagem, quando alterado, pode
perder resolução e qualidade.
Para a manipulação e o tratamento é necessário
conhecimento mínimo de computação gráfica.
Vantagens
O tamanho do arquivo é menor pois é
gravado em ASCII.
É escalonável sem perda de resolução.
Possui recursos de fácil manipulação e
tratamento.
Desvantagens
Necessitam de tempo de processamento
para codificar / decodificar / renderizar.
Para a sua manipulação e tratamento é
necessário um mínimo de destreza manual.
Bitmap X Vetor
.psd - Formato de arquivo Adobe Photoshop (só abrirá esta extensão neste software)
.cdr - Formato de arquivo CorelDraw (só abrirá esta extensão neste software)
.ai - Formato de arquivo do Adobe Illustrator (só abrirá esta extensão neste software)
.jpg - (Joint Photographic Experts Group) arquivo de imagem comprimido, pode ser editado em qualquer editor de imagens, não
comporta transparências. Arquivo muito utilizado na Internet e em multimídia, por ter uma compactação excelente, e por
suportar até 16.777.216 cores distintas.Tem como desvantagem perder muito a qualidade da imagem quando alterado o seu
tamanho original. São arquivos que ocupam um pequeno espaço e, as vezes, podem ser menores do que o formato GIF
.gif - (Graphics Interchange Format) arquivo de imagem comprimido. Editável com qualquer software de edição de imagem,
comporta transparência de imagens. Criado para ser usado extensivamente na Internet, por este motivo, tem como
vantagem não perder qualidade da imagem quando alterado o seu tamanho original. São arquivos que ocupam um
pequeno espaço no computador. Suporta imagens animadas e 256 cores por frame. Foi substituído pelo PNG.
.png - arquivo de imagem pensado para a Web que se abre com praticamente todos os programas de imagens, comporta
transparências.
.tiff - (Tagged Image File Format) arquivo de imagem sem compressão, tem maior tamanho de arquivo e o melhor em qualidade
de imagem. É o formato ideal para o tratamento de imagem antes de ser convertida para qualquer formato. Não perde
resolução quando o tamanho original da imagem é alterado. Arquivo destinado para impressão industrial (offset, rotogravura,
flexogravura); também muito usado como opção nas câmaras fotográficas. É um formato de arquivos que praticamente todos
os programas de imagem aceitam. Foi desenvolvido em 1986 pela Aldus e pela Microsoft numa tentativa de criar um padrão
para imagens geradas por equipamentos digital.
.bmp - (Windows Bitmap) arquivo de imagem, pode ser aberto em qualquer visualizador ou editor de imagens. Sua desvantagem
é o grande tamanho dos arquivos em relação a outros formatos otimizados. Normalmente usado pelos programas do
Microsoft Windows. Não utiliza nenhum algoritmo de compressão, daí esse formato apresentar as fotos com maior tamanho.
.svg - (Scalable Vector Graphics) É um formato vetorial, criado e desenvolvido pelo World Wide Web Consortium.
Extensões de Arquivo
Extensão de Arquivo
Tipos de Arquivos:
.jpg (milhões de cores)
.gif (256 cores e 1 alpha)
.png - 2 formatos: 8 bits (256 cores)
16 bits (milhões de cores + alpha)
.tif
.bmp
.psd
Tipos de Arquivos:
.ai
.cdr
.swf (.fla)
.svg
.wmf
.eps
Bitmap Vetor
Resolução de Imagem
Como descobrir se uma imagem está em alta resolução?
Através de softwares de edição de imagens, como por exemplo o Adobe Photoshop, é possível descobrir a resolução de uma
imagem pela quantidade de pixels presentes na imagem.
Resolução de Imagem
Observe o painel ao lado.
A resolução da imagem será definida pela quantidade de
pixels de uma imagem e o tamanho da largura e altura do
documento.
A resolução mínima deverá ser de 72 ppi.
Detalhe: não confunda ppi com dpi. O “ppi” (em
português é comum usar ppp, pixels por polegada) é um
valor utilizado diariamente para trabalhar com imagens
nos computadores. O “dpi” (dots per inch, que em
português significa pontos por polegada) serve mais
como um índice de qualidade da impressora.
Como descobrir se uma imagem está em alta resolução?
Resolução de Imagens (vídeo em inglês) https://www.youtube.com/watch?v=fy9Pby0Gzsc
Bibliografia
Pixel - o que você precisa saber sobre ele. Artigo digital disponível em:
https://docs.google.com/document/d/1ZLo6NhG5jS1D_6etNb7xJ-x2cNGeyDVoDX1Fn6AYu7g/edit
FERNANDES, Amaury. FUNDAMENTOS DE PRODUÇÃO GRÁFICA - Para quem não é produtor gráfico.
São Paulo: Rubio, 2003.

More Related Content

What's hot

What's hot (20)

Conceitos de Imagem digital
Conceitos de Imagem digitalConceitos de Imagem digital
Conceitos de Imagem digital
 
213006_Tecnico Multimédia.pdf
213006_Tecnico Multimédia.pdf213006_Tecnico Multimédia.pdf
213006_Tecnico Multimédia.pdf
 
Introdução à Multimídia
Introdução à Multimídia Introdução à Multimídia
Introdução à Multimídia
 
Multimédia. O que é?
Multimédia. O que é?Multimédia. O que é?
Multimédia. O que é?
 
Teoria Das Cores
Teoria Das CoresTeoria Das Cores
Teoria Das Cores
 
Fotografia publicitária
Fotografia publicitáriaFotografia publicitária
Fotografia publicitária
 
Módulo 3 - Suportes e ferramentas gráficas
Módulo 3 - Suportes e ferramentas gráficasMódulo 3 - Suportes e ferramentas gráficas
Módulo 3 - Suportes e ferramentas gráficas
 
Manual de-fotografia-digital
Manual de-fotografia-digitalManual de-fotografia-digital
Manual de-fotografia-digital
 
Dicas para construir um cartaz
Dicas para construir um cartazDicas para construir um cartaz
Dicas para construir um cartaz
 
Expressão e composição da forma
Expressão e composição da formaExpressão e composição da forma
Expressão e composição da forma
 
Pre-produção AV - Guiões Literários, Técnicos e Storyboard
Pre-produção AV - Guiões Literários, Técnicos e StoryboardPre-produção AV - Guiões Literários, Técnicos e Storyboard
Pre-produção AV - Guiões Literários, Técnicos e Storyboard
 
Aula 2 formato de imagens
Aula 2 formato de imagensAula 2 formato de imagens
Aula 2 formato de imagens
 
Conceitos básicos de Múltimedia
Conceitos básicos de MúltimediaConceitos básicos de Múltimedia
Conceitos básicos de Múltimedia
 
Projecto e Produção Multimédia
Projecto e Produção MultimédiaProjecto e Produção Multimédia
Projecto e Produção Multimédia
 
Modelagem 3D e Blender
Modelagem 3D e Blender Modelagem 3D e Blender
Modelagem 3D e Blender
 
Produção em TV
Produção em TVProdução em TV
Produção em TV
 
Video Digital
Video Digital Video Digital
Video Digital
 
Ilustração é...
Ilustração é...Ilustração é...
Ilustração é...
 
Planos e ângulos
Planos e ângulosPlanos e ângulos
Planos e ângulos
 
Aula 05 linguagem visual
Aula 05   linguagem visualAula 05   linguagem visual
Aula 05 linguagem visual
 

Viewers also liked

Modulo 0138 0138-caracterização de varios tipos e formatos de imagem
Modulo 0138 0138-caracterização de varios tipos e formatos de imagemModulo 0138 0138-caracterização de varios tipos e formatos de imagem
Modulo 0138 0138-caracterização de varios tipos e formatos de imagemSérgio Antao
 
1. Aula Teoria das Cores
1. Aula Teoria das Cores1. Aula Teoria das Cores
1. Aula Teoria das CoresAline Okumura
 
Imagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriaisImagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriaisRuiCorgan
 
Introduction to Illustrator's workshop - Covilha October 2012
Introduction to Illustrator's workshop - Covilha October 2012Introduction to Illustrator's workshop - Covilha October 2012
Introduction to Illustrator's workshop - Covilha October 2012Leonardo Pereira
 
Portfolio ViSUALESCO 2016
Portfolio ViSUALESCO 2016Portfolio ViSUALESCO 2016
Portfolio ViSUALESCO 2016Daniel Soto
 
Resumo Produção Grafica
Resumo Produção GraficaResumo Produção Grafica
Resumo Produção Graficadualpixel
 
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...haroldo Brito
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - IntroduçãoDaniel Soto
 
A cor - sínteses aditiva e subtrativa
A cor - sínteses aditiva e subtrativaA cor - sínteses aditiva e subtrativa
A cor - sínteses aditiva e subtrativaShinha Marques
 
Os acabamentos da Produção Gráfica
Os acabamentos da Produção GráficaOs acabamentos da Produção Gráfica
Os acabamentos da Produção GráficaRenato Melo
 
Produção Gráfica: Cores e Definições na Impressão
Produção Gráfica: Cores e Definições na ImpressãoProdução Gráfica: Cores e Definições na Impressão
Produção Gráfica: Cores e Definições na ImpressãoRenato Melo
 
Oficina Edição E Manipulação de Imagem Digital
Oficina Edição E Manipulação de Imagem DigitalOficina Edição E Manipulação de Imagem Digital
Oficina Edição E Manipulação de Imagem Digitalmarcelasb
 
PLANEJAMENTO GRÁFICO - 3º PERÍODO - JORNALISMO
PLANEJAMENTO GRÁFICO - 3º PERÍODO - JORNALISMOPLANEJAMENTO GRÁFICO - 3º PERÍODO - JORNALISMO
PLANEJAMENTO GRÁFICO - 3º PERÍODO - JORNALISMOKleiton Renzo
 

Viewers also liked (20)

Formato Imagens
Formato ImagensFormato Imagens
Formato Imagens
 
Modulo 0138 0138-caracterização de varios tipos e formatos de imagem
Modulo 0138 0138-caracterização de varios tipos e formatos de imagemModulo 0138 0138-caracterização de varios tipos e formatos de imagem
Modulo 0138 0138-caracterização de varios tipos e formatos de imagem
 
1. Aula Teoria das Cores
1. Aula Teoria das Cores1. Aula Teoria das Cores
1. Aula Teoria das Cores
 
Imagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriaisImagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriais
 
IMAGENS E IMAGINAÇÃO
IMAGENS E IMAGINAÇÃOIMAGENS E IMAGINAÇÃO
IMAGENS E IMAGINAÇÃO
 
Introduction to Illustrator's workshop - Covilha October 2012
Introduction to Illustrator's workshop - Covilha October 2012Introduction to Illustrator's workshop - Covilha October 2012
Introduction to Illustrator's workshop - Covilha October 2012
 
Portfolio ViSUALESCO 2016
Portfolio ViSUALESCO 2016Portfolio ViSUALESCO 2016
Portfolio ViSUALESCO 2016
 
Resumo Produção Grafica
Resumo Produção GraficaResumo Produção Grafica
Resumo Produção Grafica
 
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
 
Provas de impressão
Provas de impressãoProvas de impressão
Provas de impressão
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - Introdução
 
A cor - sínteses aditiva e subtrativa
A cor - sínteses aditiva e subtrativaA cor - sínteses aditiva e subtrativa
A cor - sínteses aditiva e subtrativa
 
Os acabamentos da Produção Gráfica
Os acabamentos da Produção GráficaOs acabamentos da Produção Gráfica
Os acabamentos da Produção Gráfica
 
2. Aula Tipografia
2. Aula Tipografia2. Aula Tipografia
2. Aula Tipografia
 
Papéis, impressão e acabamento
Papéis, impressão e acabamentoPapéis, impressão e acabamento
Papéis, impressão e acabamento
 
Produção Gráfica: Cores e Definições na Impressão
Produção Gráfica: Cores e Definições na ImpressãoProdução Gráfica: Cores e Definições na Impressão
Produção Gráfica: Cores e Definições na Impressão
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
 
Arte eletrónica
Arte eletrónicaArte eletrónica
Arte eletrónica
 
Oficina Edição E Manipulação de Imagem Digital
Oficina Edição E Manipulação de Imagem DigitalOficina Edição E Manipulação de Imagem Digital
Oficina Edição E Manipulação de Imagem Digital
 
PLANEJAMENTO GRÁFICO - 3º PERÍODO - JORNALISMO
PLANEJAMENTO GRÁFICO - 3º PERÍODO - JORNALISMOPLANEJAMENTO GRÁFICO - 3º PERÍODO - JORNALISMO
PLANEJAMENTO GRÁFICO - 3º PERÍODO - JORNALISMO
 

Similar to Imagens digitais: pixels, vetores, formatos e resolução

Similar to Imagens digitais: pixels, vetores, formatos e resolução (20)

Representação de imagens em formato digital
Representação de imagens em formato digitalRepresentação de imagens em formato digital
Representação de imagens em formato digital
 
Aula resolução
Aula resoluçãoAula resolução
Aula resolução
 
Aula fotografia digital
Aula fotografia digitalAula fotografia digital
Aula fotografia digital
 
Imagem Digital
Imagem DigitalImagem Digital
Imagem Digital
 
Ti gimp
Ti   gimpTi   gimp
Ti gimp
 
Tamanho resolução
Tamanho resoluçãoTamanho resolução
Tamanho resolução
 
Aplicativos Gráficos Conceitos Introdutórios
Aplicativos Gráficos Conceitos IntrodutóriosAplicativos Gráficos Conceitos Introdutórios
Aplicativos Gráficos Conceitos Introdutórios
 
Multimídia - Imagens
Multimídia - ImagensMultimídia - Imagens
Multimídia - Imagens
 
Slide blog
Slide blogSlide blog
Slide blog
 
Slide blog
Slide blogSlide blog
Slide blog
 
Atividade de web design
Atividade de web designAtividade de web design
Atividade de web design
 
Atividade De Web Design
Atividade De Web DesignAtividade De Web Design
Atividade De Web Design
 
Atividade de web design
Atividade de web designAtividade de web design
Atividade de web design
 
aula1_2.pdf
aula1_2.pdfaula1_2.pdf
aula1_2.pdf
 
Apostila photoshop 7
Apostila photoshop 7 Apostila photoshop 7
Apostila photoshop 7
 
ComputaçãO GráFica Para Designers
ComputaçãO GráFica Para DesignersComputaçãO GráFica Para Designers
ComputaçãO GráFica Para Designers
 
Slide carla
Slide carlaSlide carla
Slide carla
 
2014 - Multimídia e Internet - 04 Imagem Digital - Bitmaps
2014 - Multimídia e Internet - 04 Imagem Digital - Bitmaps2014 - Multimídia e Internet - 04 Imagem Digital - Bitmaps
2014 - Multimídia e Internet - 04 Imagem Digital - Bitmaps
 
Arte e foto
Arte e fotoArte e foto
Arte e foto
 
Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...
Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...
Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...
 

More from Aline Okumura

Guia Pratico de nomes de marca.pdf
Guia Pratico de nomes de marca.pdfGuia Pratico de nomes de marca.pdf
Guia Pratico de nomes de marca.pdfAline Okumura
 
Apresentação enpmoda
Apresentação enpmodaApresentação enpmoda
Apresentação enpmodaAline Okumura
 
Feca formas expressão e comunicação artistica
Feca   formas expressão e comunicação artisticaFeca   formas expressão e comunicação artistica
Feca formas expressão e comunicação artisticaAline Okumura
 
Tabela Valor do Design
Tabela Valor do DesignTabela Valor do Design
Tabela Valor do DesignAline Okumura
 
História do Photoshop
História do PhotoshopHistória do Photoshop
História do PhotoshopAline Okumura
 
Aula 12 Minimalismo Arte Conceitual
Aula 12  Minimalismo Arte ConceitualAula 12  Minimalismo Arte Conceitual
Aula 12 Minimalismo Arte ConceitualAline Okumura
 
Aula 11 Pop Art Op Art
Aula 11  Pop Art Op Art Aula 11  Pop Art Op Art
Aula 11 Pop Art Op Art Aline Okumura
 
Aula 10 Expressionismo Abstrato
Aula 10  Expressionismo AbstratoAula 10  Expressionismo Abstrato
Aula 10 Expressionismo AbstratoAline Okumura
 
Aula 8 Suprematismo de Stij Construtivismo russo e decostrutivismo
Aula 8   Suprematismo de Stij Construtivismo russo e decostrutivismoAula 8   Suprematismo de Stij Construtivismo russo e decostrutivismo
Aula 8 Suprematismo de Stij Construtivismo russo e decostrutivismoAline Okumura
 
Aula 7 Dadaismo e Surrealismo
Aula 7   Dadaismo e SurrealismoAula 7   Dadaismo e Surrealismo
Aula 7 Dadaismo e SurrealismoAline Okumura
 
Aula 6 Futurismo Purismo Orfismo Vorticismo
Aula 6   Futurismo Purismo Orfismo VorticismoAula 6   Futurismo Purismo Orfismo Vorticismo
Aula 6 Futurismo Purismo Orfismo VorticismoAline Okumura
 
Aula 5 Fauvismo Expressionismo Cubismo
Aula 5   Fauvismo Expressionismo CubismoAula 5   Fauvismo Expressionismo Cubismo
Aula 5 Fauvismo Expressionismo CubismoAline Okumura
 
Aula 4 Impressionismo
Aula 4   ImpressionismoAula 4   Impressionismo
Aula 4 ImpressionismoAline Okumura
 
Aula 3 Arts and Crafts
Aula 3   Arts and CraftsAula 3   Arts and Crafts
Aula 3 Arts and CraftsAline Okumura
 

More from Aline Okumura (16)

Guia Pratico de nomes de marca.pdf
Guia Pratico de nomes de marca.pdfGuia Pratico de nomes de marca.pdf
Guia Pratico de nomes de marca.pdf
 
Apresentação enpmoda
Apresentação enpmodaApresentação enpmoda
Apresentação enpmoda
 
Feca formas expressão e comunicação artistica
Feca   formas expressão e comunicação artisticaFeca   formas expressão e comunicação artistica
Feca formas expressão e comunicação artistica
 
Tabela Valor do Design
Tabela Valor do DesignTabela Valor do Design
Tabela Valor do Design
 
Frases Ilustradas
Frases IlustradasFrases Ilustradas
Frases Ilustradas
 
Costura e Bordado
Costura e BordadoCostura e Bordado
Costura e Bordado
 
História do Photoshop
História do PhotoshopHistória do Photoshop
História do Photoshop
 
Aula 12 Minimalismo Arte Conceitual
Aula 12  Minimalismo Arte ConceitualAula 12  Minimalismo Arte Conceitual
Aula 12 Minimalismo Arte Conceitual
 
Aula 11 Pop Art Op Art
Aula 11  Pop Art Op Art Aula 11  Pop Art Op Art
Aula 11 Pop Art Op Art
 
Aula 10 Expressionismo Abstrato
Aula 10  Expressionismo AbstratoAula 10  Expressionismo Abstrato
Aula 10 Expressionismo Abstrato
 
Aula 8 Suprematismo de Stij Construtivismo russo e decostrutivismo
Aula 8   Suprematismo de Stij Construtivismo russo e decostrutivismoAula 8   Suprematismo de Stij Construtivismo russo e decostrutivismo
Aula 8 Suprematismo de Stij Construtivismo russo e decostrutivismo
 
Aula 7 Dadaismo e Surrealismo
Aula 7   Dadaismo e SurrealismoAula 7   Dadaismo e Surrealismo
Aula 7 Dadaismo e Surrealismo
 
Aula 6 Futurismo Purismo Orfismo Vorticismo
Aula 6   Futurismo Purismo Orfismo VorticismoAula 6   Futurismo Purismo Orfismo Vorticismo
Aula 6 Futurismo Purismo Orfismo Vorticismo
 
Aula 5 Fauvismo Expressionismo Cubismo
Aula 5   Fauvismo Expressionismo CubismoAula 5   Fauvismo Expressionismo Cubismo
Aula 5 Fauvismo Expressionismo Cubismo
 
Aula 4 Impressionismo
Aula 4   ImpressionismoAula 4   Impressionismo
Aula 4 Impressionismo
 
Aula 3 Arts and Crafts
Aula 3   Arts and CraftsAula 3   Arts and Crafts
Aula 3 Arts and Crafts
 

Imagens digitais: pixels, vetores, formatos e resolução

  • 2. Onde temos contato com imagens digitais ?
  • 3.
  • 4. O que é uma imagem digital? Pixel O pixel é um elemento que pode ser encontrado em imagens de dispositivos eletrônicos. É o menor ponto de uma imagem. Isso significa que ao ampliar uma imagem, vemos todos os mínimos detalhes em pixels, ou seja, o pixel é a menor parte de uma imagem e também é o único elemento que a compõe.
  • 5. Bitmap Um dos formatos mais conhecidos é o Bitmap (.bmp) que significa "mapa de bits", sendo também chamado de raster.
  • 10. O pixel não tem uma medida definida em centímetros. O pixel pode ter diferentes tamanhos, sendo que o tamanho visual do pixel está diretamente relacionado à quantidade de pixels por polegada (ppi, que significa pixel per inch). Para entender isso, basta você experimentar criar uma imagem em um editor de imagem (Photoshop). Um dos campos que podem ser alterados na criação de uma imagem é a resolução. Ela pode ser definida em pixels/inch (pixels por polegada), em pixels/cm (pixels por centímetro) ou em pixels por outras unidades. Imagens exibidas na tela de algum dispositivo, o tamanho do pixel vai variar conforme a resolução suportada pelo aparelho e também em decorrência do tamanho do display, ou seja, se você abrir uma imagem em uma tela de 13 polegadas (Notebook) que trabalhe com a resolução de 1920 x 1080 pixels e depois visualizar a mesma imagem em uma tela de 55 polegadas (TV), a qual opera na mesma resolução, notará uma diferença enorme entre os pixels. A imagem não mudou de tamanho, os pixels que a compõe também não, mas cada tela irá adaptar o conteúdo ao espaço disponível, o que resultará em uma diferença na representação do pixel e, consequentemente, pixels de tamanhos diferentes. Na tela menor, o pixel terá aproximadamente 0,15 mm, enquanto que na tela maior ele terá mais de 0,6 mm. 1 cm é equivalente a 0,39370 polegadas. Pixel
  • 11. Vetor Trabalha os desenhos em linhas com formas geométricas simples e fórmulas matemáticas. Como na física, o vetor é uma entidade definida pelos atributos direção, módulo e sentido. São identificados por gráficos e ilustrações a mão livre, imagens em 2D e 3D, produzidos em softwares específicos.
  • 12. Vantagens Qualquer imagem pode ser gravada em bitmap. Possui recursos de fácil manipulação e tratamento (efeitos especiais). Desvantagens As imagens em bitmap de alta resolução geram arquivos de tamanho muito grande. O tamanho da imagem, quando alterado, pode perder resolução e qualidade. Para a manipulação e o tratamento é necessário conhecimento mínimo de computação gráfica. Vantagens O tamanho do arquivo é menor pois é gravado em ASCII. É escalonável sem perda de resolução. Possui recursos de fácil manipulação e tratamento. Desvantagens Necessitam de tempo de processamento para codificar / decodificar / renderizar. Para a sua manipulação e tratamento é necessário um mínimo de destreza manual. Bitmap X Vetor
  • 13. .psd - Formato de arquivo Adobe Photoshop (só abrirá esta extensão neste software) .cdr - Formato de arquivo CorelDraw (só abrirá esta extensão neste software) .ai - Formato de arquivo do Adobe Illustrator (só abrirá esta extensão neste software) .jpg - (Joint Photographic Experts Group) arquivo de imagem comprimido, pode ser editado em qualquer editor de imagens, não comporta transparências. Arquivo muito utilizado na Internet e em multimídia, por ter uma compactação excelente, e por suportar até 16.777.216 cores distintas.Tem como desvantagem perder muito a qualidade da imagem quando alterado o seu tamanho original. São arquivos que ocupam um pequeno espaço e, as vezes, podem ser menores do que o formato GIF .gif - (Graphics Interchange Format) arquivo de imagem comprimido. Editável com qualquer software de edição de imagem, comporta transparência de imagens. Criado para ser usado extensivamente na Internet, por este motivo, tem como vantagem não perder qualidade da imagem quando alterado o seu tamanho original. São arquivos que ocupam um pequeno espaço no computador. Suporta imagens animadas e 256 cores por frame. Foi substituído pelo PNG. .png - arquivo de imagem pensado para a Web que se abre com praticamente todos os programas de imagens, comporta transparências. .tiff - (Tagged Image File Format) arquivo de imagem sem compressão, tem maior tamanho de arquivo e o melhor em qualidade de imagem. É o formato ideal para o tratamento de imagem antes de ser convertida para qualquer formato. Não perde resolução quando o tamanho original da imagem é alterado. Arquivo destinado para impressão industrial (offset, rotogravura, flexogravura); também muito usado como opção nas câmaras fotográficas. É um formato de arquivos que praticamente todos os programas de imagem aceitam. Foi desenvolvido em 1986 pela Aldus e pela Microsoft numa tentativa de criar um padrão para imagens geradas por equipamentos digital. .bmp - (Windows Bitmap) arquivo de imagem, pode ser aberto em qualquer visualizador ou editor de imagens. Sua desvantagem é o grande tamanho dos arquivos em relação a outros formatos otimizados. Normalmente usado pelos programas do Microsoft Windows. Não utiliza nenhum algoritmo de compressão, daí esse formato apresentar as fotos com maior tamanho. .svg - (Scalable Vector Graphics) É um formato vetorial, criado e desenvolvido pelo World Wide Web Consortium. Extensões de Arquivo
  • 14. Extensão de Arquivo Tipos de Arquivos: .jpg (milhões de cores) .gif (256 cores e 1 alpha) .png - 2 formatos: 8 bits (256 cores) 16 bits (milhões de cores + alpha) .tif .bmp .psd Tipos de Arquivos: .ai .cdr .swf (.fla) .svg .wmf .eps Bitmap Vetor
  • 15. Resolução de Imagem Como descobrir se uma imagem está em alta resolução? Através de softwares de edição de imagens, como por exemplo o Adobe Photoshop, é possível descobrir a resolução de uma imagem pela quantidade de pixels presentes na imagem.
  • 16. Resolução de Imagem Observe o painel ao lado. A resolução da imagem será definida pela quantidade de pixels de uma imagem e o tamanho da largura e altura do documento. A resolução mínima deverá ser de 72 ppi. Detalhe: não confunda ppi com dpi. O “ppi” (em português é comum usar ppp, pixels por polegada) é um valor utilizado diariamente para trabalhar com imagens nos computadores. O “dpi” (dots per inch, que em português significa pontos por polegada) serve mais como um índice de qualidade da impressora. Como descobrir se uma imagem está em alta resolução?
  • 17. Resolução de Imagens (vídeo em inglês) https://www.youtube.com/watch?v=fy9Pby0Gzsc Bibliografia Pixel - o que você precisa saber sobre ele. Artigo digital disponível em: https://docs.google.com/document/d/1ZLo6NhG5jS1D_6etNb7xJ-x2cNGeyDVoDX1Fn6AYu7g/edit FERNANDES, Amaury. FUNDAMENTOS DE PRODUÇÃO GRÁFICA - Para quem não é produtor gráfico. São Paulo: Rubio, 2003.