SlideShare a Scribd company logo
1 of 24
bitmap ou vetor? Prof.Me.AndréContiSilva
Fonte: http://www.rpdesigner.com.br/artigos/desktop-publishing/vetor-ou-bitmap-quando-utilizar/
http://www.youtube.com/watch?feature=player_embedded&v=kG2BlzFIbAM
Fonte: http://www.rpdesigner.com.br/artigos/desktop-publishing/vetor-ou-bitmap-quando-utilizar/
bitmap um “mapa de bits”
Fonte: http://www.rpdesigner.com.br/artigos/desktop-publishing/vetor-ou-bitmap-quando-utilizar/
Utilizado para fotos ou artes com degradês complexos como pinturas digitais,
renderizações 3D, etc.
Formada por um grid de pixels, onde cada pixel representa uma cor.
bitmap
Fonte: http://www.rpdesigner.com.br/artigos/desktop-publishing/vetor-ou-bitmap-quando-utilizar/
Mas o que é um PIXEL ?? Um pixel nada mais é do que um ponto em seu monitor, pequenos com cor e
brilho variados. Indicados para representação de imagens com alto nível de detalhes.
bitmap
Fonte: http://www.rpdesigner.com.br/artigos/desktop-publishing/vetor-ou-bitmap-quando-utilizar/
A quantidade de pixels – ou seja, informação de cor unidade do grid - não aumenta se
ampliamos uma imagem.
Para o bitmap é essencial que tenhamos a preocupação com a resolução da imagem
64x64
tipos de bitmap
Fonte: http://www.rpdesigner.com.br/artigos/desktop-publishing/vetor-ou-bitmap-quando-utilizar/
JPEG – Criado em 1983 por Eric Hamilton, “Joint Photographic Expert Group” é a principal
compressão bitmap para câmeras fotográficas e pode possuir as seguintes extensões:
‘.jpeg’, ‘.jpe’, ‘.jpg’, ‘.jfif’ ou ‘.jfi’;
BMP ou DIB – Criado pela Microsoft, é chamado de “Device Independent Bitmap (DIB)” ou
simplesmente “Windows Bitmap (BMP)” e pode possuir as seguintes extensões: ‘.bmp’ ou
‘.dib’;
PNG - Criado em 1996 pela W3C, o “Portable Network Graphics” possui o canal alpha,
podendo possuir fundo transparente. Usa a extensão ‘.png’;
GIF – Criado em 1987 pela CompuServe, o “Graphics Interchange Format” pode possuir
animação e fundo transparente, possuindo a extensão ‘.gif’;
TIFF – Criado pela Aldus (hoje chamada de Adobe), o “Tagged Image File Format” é
utilizado para intercâmbio entre plataformas como Windows, Mac e Linux e transformou-
se no formato padrão dos arquivos gráficos (32-bits) com elevada definição e pode possuir
as extensões ‘.tif’ ou ‘.tiff’.
editando um bitmap
Fonte: http://www.rpdesigner.com.br/artigos/desktop-publishing/vetor-ou-bitmap-quando-utilizar/
A edição de imagens bitmap é feita alterando-se as cores de cada pixel do mapa de bits e
os programas mais populares para este tipo de tarefa são o Photoshop e o Gimp (a
alternativa em software livre).
Bitimápi!? Eu
manjo de bitimápi.
Adoro fazer uns
desenhos no
Córeu.
vetor uma “imagem matemática”
imagem vetorial
É gerada a partir do cálculo matemático de formas geométricas.
É composta por curvas, elipses, polígonos, textos, etc.
imagem vetorial
É geralmente utilizada para confecção de logotipos ou ilustrações em alta definição, ou seja, use
imagens vetorias para obter o máximo em resolução possível.
editando um vetor
No vetor, como a imagem é produzida pelo processamento do computador, não há
limites para a redução ou ampliação: haverá um aumento do número de pixels para a
ampliação da imagem
editando um vetor
Em suma, as formas da imagem vetorial são totalmente recalculadas a cada alteração.
tamanho de arquivo
Outro fator interessante de uma imagem vetorial é em relação ao tamanho do
arquivo, pois enquanto um bitmap tem que guardar as informações de cor para cada
pixel, o vetor apenas repete a incidência da mesma cor várias vezes com base em um
cálculo.
bitmap vetor
Então quer dizer
que eu posso setar
minha câmera pra
fotografar em vetor
pros arquivos
ficarem menores?
tipos de vetor
Fonte: http://www.rpdesigner.com.br/artigos/desktop-publishing/vetor-ou-bitmap-quando-utilizar/
SVG – Scalable Vectorial Graphics, Criado em 2001 por coordenação da W3C com o apoio
das empresas: Adobe, Agfa, Apple, Canon, Corel, Ericsson, HP, IBM, Kodak, Macromedia,
Microsoft, Nokia, Sharp e Sun Microsystems. É o padrão para gráficos vetoriais
recomendado pela W3C e possui as extensões ‘.svg e ‘.svgz’;
CDR – Formato vetorial do Corel Draw, usado com a extensão ‘.cdr’
AI – Formato vetorial do Adobe Illustrator usado com a extensão ‘.ai’
EPS – Criado pela Adobe, o “Encapsulated PostScript” pode conter imagens e vetores. Um
EPS não pode ser editado diretamente e quando algum programa abre um EPS, ele requer
a especificação da resolução desejada e em seguida ele é transformado em bitmap. Foi
muito usado antigamente, mas hoje é usado o formato PDF por ser de qualidade muito
superior. As extensões usadas são ‘.eps’, ‘.epsf’ ou ‘.epsfi’
WMF – Criado pela Microsoft, o Windows Meta File foi desenvolvido para executar na
camada Windows GDI e pode conter imagens e vetores, além de conter funções próprias
embutidas para exibição no sistema operacional Windows e pode possuir as extensões
‘.wmf’, ‘.emf’, ‘.wmz’ ou ‘.emz’
e agora...

More Related Content

What's hot

Tipos de imagens digitais
Tipos de imagens digitaisTipos de imagens digitais
Tipos de imagens digitaisAline Okumura
 
Aula 09 imagens vetoriais
Aula 09   imagens vetoriaisAula 09   imagens vetoriais
Aula 09 imagens vetoriaisFábio Costa
 
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
 
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 - BitmapsWillian Magalhães
 
2014 - Multimídia e Internet - 03 Imagem Digital - Vetores
2014 - Multimídia e Internet - 03 Imagem Digital - Vetores2014 - Multimídia e Internet - 03 Imagem Digital - Vetores
2014 - Multimídia e Internet - 03 Imagem Digital - VetoresWillian Magalhães
 
INTRODUÇÃO AO PHOTOSHOP 2014
INTRODUÇÃO AO PHOTOSHOP 2014INTRODUÇÃO AO PHOTOSHOP 2014
INTRODUÇÃO AO PHOTOSHOP 2014Renato Melo
 
Unb 2012.1 - dweb - 06 - imagens otimizadas
Unb   2012.1 - dweb - 06 - imagens otimizadasUnb   2012.1 - dweb - 06 - imagens otimizadas
Unb 2012.1 - dweb - 06 - imagens otimizadasClaudenio Alberto
 
(Tratamento imagens) formatos
(Tratamento imagens) formatos(Tratamento imagens) formatos
(Tratamento imagens) formatosClaudenio Alberto
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - IntroduçãoDaniel Soto
 
Aula 2 formato de imagens
Aula 2 formato de imagensAula 2 formato de imagens
Aula 2 formato de imagensRafael Serra
 
Bitmap x vetorial - Portal das Artes Gráficas
Bitmap x vetorial - Portal das Artes GráficasBitmap x vetorial - Portal das Artes Gráficas
Bitmap x vetorial - Portal das Artes GráficasUNESP
 
Formatos de arquivo - PNG
Formatos de arquivo - PNGFormatos de arquivo - PNG
Formatos de arquivo - PNGGabriel Bemfica
 
Atividade de web design
Atividade de web designAtividade de web design
Atividade de web designvictorgarcez
 
Tendências da Computação Gráfica
Tendências da Computação GráficaTendências da Computação Gráfica
Tendências da Computação GráficaFábio Flatschart
 
Atividade de web design
Atividade de web designAtividade de web design
Atividade de web designViniciusGuedes
 

What's hot (20)

Tipos de imagens digitais
Tipos de imagens digitaisTipos de imagens digitais
Tipos de imagens digitais
 
Aula 09 imagens vetoriais
Aula 09   imagens vetoriaisAula 09   imagens vetoriais
Aula 09 imagens vetoriais
 
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
 
Bitmap x Vetor
Bitmap x VetorBitmap x Vetor
Bitmap x Vetor
 
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
 
2014 - Multimídia e Internet - 03 Imagem Digital - Vetores
2014 - Multimídia e Internet - 03 Imagem Digital - Vetores2014 - Multimídia e Internet - 03 Imagem Digital - Vetores
2014 - Multimídia e Internet - 03 Imagem Digital - Vetores
 
INTRODUÇÃO AO PHOTOSHOP 2014
INTRODUÇÃO AO PHOTOSHOP 2014INTRODUÇÃO AO PHOTOSHOP 2014
INTRODUÇÃO AO PHOTOSHOP 2014
 
Unb 2012.1 - dweb - 06 - imagens otimizadas
Unb   2012.1 - dweb - 06 - imagens otimizadasUnb   2012.1 - dweb - 06 - imagens otimizadas
Unb 2012.1 - dweb - 06 - imagens otimizadas
 
(Tratamento imagens) formatos
(Tratamento imagens) formatos(Tratamento imagens) formatos
(Tratamento imagens) formatos
 
Imagens e Cores
Imagens e CoresImagens e Cores
Imagens e Cores
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - Introdução
 
Aula 2 formato de imagens
Aula 2 formato de imagensAula 2 formato de imagens
Aula 2 formato de imagens
 
Bitmap x vetorial - Portal das Artes Gráficas
Bitmap x vetorial - Portal das Artes GráficasBitmap x vetorial - Portal das Artes Gráficas
Bitmap x vetorial - Portal das Artes Gráficas
 
Formatos de arquivo - PNG
Formatos de arquivo - PNGFormatos de arquivo - PNG
Formatos de arquivo - PNG
 
Tamanho resolução
Tamanho resoluçãoTamanho resolução
Tamanho resolução
 
DigitalPrint
DigitalPrintDigitalPrint
DigitalPrint
 
Atividade de web design
Atividade de web designAtividade de web design
Atividade de web design
 
Tendências da Computação Gráfica
Tendências da Computação GráficaTendências da Computação Gráfica
Tendências da Computação Gráfica
 
Aula fotografia digital
Aula fotografia digitalAula fotografia digital
Aula fotografia digital
 
Atividade de web design
Atividade de web designAtividade de web design
Atividade de web design
 

Similar to Bitmap vs Vetor: Quando usar cada um

Similar to Bitmap vs Vetor: Quando usar cada um (20)

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
 
Imagem Digital
Imagem DigitalImagem Digital
Imagem Digital
 
ExercíCio Web Design
ExercíCio Web DesignExercíCio Web Design
ExercíCio Web Design
 
CD - 1
CD - 1CD - 1
CD - 1
 
Multimídia - Imagens
Multimídia - ImagensMultimídia - Imagens
Multimídia - Imagens
 
Informática Aplicada - Introdução
Informática Aplicada - IntroduçãoInformática Aplicada - Introdução
Informática Aplicada - Introdução
 
Slide blog
Slide blogSlide blog
Slide blog
 
Slide blog
Slide blogSlide blog
Slide blog
 
Slide carla
Slide carlaSlide carla
Slide carla
 
Desktop publishing
Desktop publishingDesktop publishing
Desktop publishing
 
RADIOLOGIA DIGITAL
RADIOLOGIA DIGITALRADIOLOGIA DIGITAL
RADIOLOGIA DIGITAL
 
Producao Grafica - Fundamentos
Producao Grafica - FundamentosProducao Grafica - Fundamentos
Producao Grafica - Fundamentos
 
07 pre impressao
07 pre impressao07 pre impressao
07 pre impressao
 
Apostila photoshop 7
Apostila photoshop 7 Apostila photoshop 7
Apostila photoshop 7
 
Apostila d moda
Apostila d modaApostila d moda
Apostila d moda
 
Ti gimp
Ti   gimpTi   gimp
Ti gimp
 
Apresentação1
Apresentação1Apresentação1
Apresentação1
 
Animação e vídeo - Equipe 02
Animação e vídeo - Equipe 02Animação e vídeo - Equipe 02
Animação e vídeo - Equipe 02
 
Introducao
IntroducaoIntroducao
Introducao
 

More from André Conti Silva

Design as a proposed of experience: a new concept od well living
Design as a proposed of experience: a new concept od well livingDesign as a proposed of experience: a new concept od well living
Design as a proposed of experience: a new concept od well livingAndré Conti Silva
 
Fotografia de moda: história e fotógrafos
Fotografia de moda: história e fotógrafosFotografia de moda: história e fotógrafos
Fotografia de moda: história e fotógrafosAndré Conti Silva
 
Luz, cor e fenômenos ópticos para fotografia
Luz, cor e fenômenos ópticos para fotografia Luz, cor e fenômenos ópticos para fotografia
Luz, cor e fenômenos ópticos para fotografia André Conti Silva
 
Genealogia das telas, meios mediações e remidiações.
Genealogia das telas, meios mediações e remidiações.Genealogia das telas, meios mediações e remidiações.
Genealogia das telas, meios mediações e remidiações.André Conti Silva
 
Criatividade: conceitos e estratégias
Criatividade: conceitos e estratégiasCriatividade: conceitos e estratégias
Criatividade: conceitos e estratégiasAndré Conti Silva
 
Design, superfícies e linguagem não verbal
Design, superfícies e linguagem não verbalDesign, superfícies e linguagem não verbal
Design, superfícies e linguagem não verbalAndré Conti Silva
 

More from André Conti Silva (14)

Design thinking
Design thinkingDesign thinking
Design thinking
 
Design e emoção
Design e emoçãoDesign e emoção
Design e emoção
 
Design as a proposed of experience: a new concept od well living
Design as a proposed of experience: a new concept od well livingDesign as a proposed of experience: a new concept od well living
Design as a proposed of experience: a new concept od well living
 
Cinemas de vanguarda
Cinemas de vanguardaCinemas de vanguarda
Cinemas de vanguarda
 
História da fotografia
História da fotografiaHistória da fotografia
História da fotografia
 
Fotografia de moda: história e fotógrafos
Fotografia de moda: história e fotógrafosFotografia de moda: história e fotógrafos
Fotografia de moda: história e fotógrafos
 
Luz, cor e fenômenos ópticos para fotografia
Luz, cor e fenômenos ópticos para fotografia Luz, cor e fenômenos ópticos para fotografia
Luz, cor e fenômenos ópticos para fotografia
 
Cores
CoresCores
Cores
 
Genealogia das telas, meios mediações e remidiações.
Genealogia das telas, meios mediações e remidiações.Genealogia das telas, meios mediações e remidiações.
Genealogia das telas, meios mediações e remidiações.
 
Design e emoção
Design e emoçãoDesign e emoção
Design e emoção
 
Criatividade: conceitos e estratégias
Criatividade: conceitos e estratégiasCriatividade: conceitos e estratégias
Criatividade: conceitos e estratégias
 
Sintaxe da linguagem visual
Sintaxe da linguagem visualSintaxe da linguagem visual
Sintaxe da linguagem visual
 
Design e percepção
Design e percepçãoDesign e percepção
Design e percepção
 
Design, superfícies e linguagem não verbal
Design, superfícies e linguagem não verbalDesign, superfícies e linguagem não verbal
Design, superfícies e linguagem não verbal
 

Bitmap vs Vetor: Quando usar cada um

  • 1. bitmap ou vetor? Prof.Me.AndréContiSilva
  • 2.
  • 3.
  • 4.
  • 7. bitmap um “mapa de bits” Fonte: http://www.rpdesigner.com.br/artigos/desktop-publishing/vetor-ou-bitmap-quando-utilizar/ Utilizado para fotos ou artes com degradês complexos como pinturas digitais, renderizações 3D, etc. Formada por um grid de pixels, onde cada pixel representa uma cor.
  • 8. bitmap Fonte: http://www.rpdesigner.com.br/artigos/desktop-publishing/vetor-ou-bitmap-quando-utilizar/ Mas o que é um PIXEL ?? Um pixel nada mais é do que um ponto em seu monitor, pequenos com cor e brilho variados. Indicados para representação de imagens com alto nível de detalhes.
  • 9. bitmap Fonte: http://www.rpdesigner.com.br/artigos/desktop-publishing/vetor-ou-bitmap-quando-utilizar/ A quantidade de pixels – ou seja, informação de cor unidade do grid - não aumenta se ampliamos uma imagem. Para o bitmap é essencial que tenhamos a preocupação com a resolução da imagem 64x64
  • 10. tipos de bitmap Fonte: http://www.rpdesigner.com.br/artigos/desktop-publishing/vetor-ou-bitmap-quando-utilizar/ JPEG – Criado em 1983 por Eric Hamilton, “Joint Photographic Expert Group” é a principal compressão bitmap para câmeras fotográficas e pode possuir as seguintes extensões: ‘.jpeg’, ‘.jpe’, ‘.jpg’, ‘.jfif’ ou ‘.jfi’; BMP ou DIB – Criado pela Microsoft, é chamado de “Device Independent Bitmap (DIB)” ou simplesmente “Windows Bitmap (BMP)” e pode possuir as seguintes extensões: ‘.bmp’ ou ‘.dib’; PNG - Criado em 1996 pela W3C, o “Portable Network Graphics” possui o canal alpha, podendo possuir fundo transparente. Usa a extensão ‘.png’; GIF – Criado em 1987 pela CompuServe, o “Graphics Interchange Format” pode possuir animação e fundo transparente, possuindo a extensão ‘.gif’; TIFF – Criado pela Aldus (hoje chamada de Adobe), o “Tagged Image File Format” é utilizado para intercâmbio entre plataformas como Windows, Mac e Linux e transformou- se no formato padrão dos arquivos gráficos (32-bits) com elevada definição e pode possuir as extensões ‘.tif’ ou ‘.tiff’.
  • 11. editando um bitmap Fonte: http://www.rpdesigner.com.br/artigos/desktop-publishing/vetor-ou-bitmap-quando-utilizar/ A edição de imagens bitmap é feita alterando-se as cores de cada pixel do mapa de bits e os programas mais populares para este tipo de tarefa são o Photoshop e o Gimp (a alternativa em software livre).
  • 12. Bitimápi!? Eu manjo de bitimápi. Adoro fazer uns desenhos no Córeu.
  • 13. vetor uma “imagem matemática”
  • 14. imagem vetorial É gerada a partir do cálculo matemático de formas geométricas. É composta por curvas, elipses, polígonos, textos, etc.
  • 15. imagem vetorial É geralmente utilizada para confecção de logotipos ou ilustrações em alta definição, ou seja, use imagens vetorias para obter o máximo em resolução possível.
  • 16. editando um vetor No vetor, como a imagem é produzida pelo processamento do computador, não há limites para a redução ou ampliação: haverá um aumento do número de pixels para a ampliação da imagem
  • 17. editando um vetor Em suma, as formas da imagem vetorial são totalmente recalculadas a cada alteração.
  • 18. tamanho de arquivo Outro fator interessante de uma imagem vetorial é em relação ao tamanho do arquivo, pois enquanto um bitmap tem que guardar as informações de cor para cada pixel, o vetor apenas repete a incidência da mesma cor várias vezes com base em um cálculo. bitmap vetor
  • 19.
  • 20.
  • 21. Então quer dizer que eu posso setar minha câmera pra fotografar em vetor pros arquivos ficarem menores?
  • 22.
  • 23. tipos de vetor Fonte: http://www.rpdesigner.com.br/artigos/desktop-publishing/vetor-ou-bitmap-quando-utilizar/ SVG – Scalable Vectorial Graphics, Criado em 2001 por coordenação da W3C com o apoio das empresas: Adobe, Agfa, Apple, Canon, Corel, Ericsson, HP, IBM, Kodak, Macromedia, Microsoft, Nokia, Sharp e Sun Microsystems. É o padrão para gráficos vetoriais recomendado pela W3C e possui as extensões ‘.svg e ‘.svgz’; CDR – Formato vetorial do Corel Draw, usado com a extensão ‘.cdr’ AI – Formato vetorial do Adobe Illustrator usado com a extensão ‘.ai’ EPS – Criado pela Adobe, o “Encapsulated PostScript” pode conter imagens e vetores. Um EPS não pode ser editado diretamente e quando algum programa abre um EPS, ele requer a especificação da resolução desejada e em seguida ele é transformado em bitmap. Foi muito usado antigamente, mas hoje é usado o formato PDF por ser de qualidade muito superior. As extensões usadas são ‘.eps’, ‘.epsf’ ou ‘.epsfi’ WMF – Criado pela Microsoft, o Windows Meta File foi desenvolvido para executar na camada Windows GDI e pode conter imagens e vetores, além de conter funções próprias embutidas para exibição no sistema operacional Windows e pode possuir as extensões ‘.wmf’, ‘.emf’, ‘.wmz’ ou ‘.emz’