Multimídia
Imagem Digital - Bitmaps
2014
Prof. Willian Magalhães
wmagalhaes@unipar.br
Bitmaps
• Bitmap é um termos em inglês que traduzido para o
português significa mapa de bits
• Imagens bitmaps também são conhecid...
Bitmaps
Características
• Geralmente corresponde a imagens fotográficas
wmagalhaes@unipar.br
Bitmaps
Características
• Imagens do tipo bitmap são formadas por uma matriz de
pontos
• Cada posição da matriz corresponde a uma ...
Bit?
Unidades de Medida
Unidade Equivalência Símbolo
Bit Menor unidade de medida ( 0 e 1 )
Byte 8 bits B
Kilobyte 1024 Bytes KB...
Profundidade
• A cor de um pixel depende do número de bits disponíveis
para armazena-la
• Este número de bits também é conhecido como p...
wmagalhaes@unipar.br
Profundidade
1 bit 4 bits 8 bits 24 bits
12
Imagem com 1 bit
 21 = 2 cores possíveis
Profundidade
Imagem com 4 bits
 24 = 16 cores possíveis
13
Profundidade
Imagem com 8 bits
 28 = 256 cores possíveis
14
Profundidade
Imagem com 24 bits
 224 = 16,8 milhões de cores possíveis
15
Profundidade
Como calcular?
• Imagem com 4 bits de profundidade
wmagalhaes@unipar.br
Profundidade
2
Cores possíveisVariações de um bit
...
Podemos concluir que...
• Quanto mais bits, mais cores na imagem
• Quanto mais cores, mais informações
• Quanto mais infor...
Tamanho físico
Tamanho físico
wmagalhaes@unipar.br
Profundidade
1 bit = 2 cores
Tamanho físico 58,5kb
24 bits = 16,8 milhões de cores
Tam...
Calculo tamanho físico (sem compressão)
• (640 x 480 x 1bit) / 8 = 38.400 bytes
• (800 x 600 x 8bits) / 8 = 480.000 bytes
...
Unidades de Medida
Unidade Equivalência Símbolo
Bit Menor unidade de medida ( 0 e 1 )
Byte 8 bits B
Kilobyte 1024 Bytes KB...
Resolução
• A resolução de uma imagem bitmap está relacionada à
quantidade pixels que a imagem contém
• Em imagens digitais a resolu...
Megapixel
• Unidade de medida utilizada em câmeras digitais
• Determina o grau da resolução / definição de uma
imagem
• Um megapixel...
Calculo Megapixel
wmagalhaes@unipar.br
Megapixel
LARGURA (px)
ALTURA
(px)
𝐿𝐴𝑅𝐺𝑈𝑅𝐴 𝑝𝑥 𝑥 𝐴𝐿𝑇𝑈𝑅𝐴(𝑝𝑥)
1.000.000
= 𝑀𝑒𝑔𝑎𝑝𝑖𝑥𝑒𝑙
70...
Megapixel na prática
Samsung Galaxy SIII
• Especificação no site do fabricante
Megapixel na Prática
wmagalhaes@unipar.br
Nokia Lumia 1020
• Segundo o site Tudo Celular o
smartphone Lumia 1020 da fabricante
Nokia é capaz de capturar imagens com...
Nokia Lumia 1020
• Segundo o site Tudo Celular o
smartphone Lumia 1020 da fabricante
Nokia é capaz de capturar imagens com...
E a resolução dos televisores?
• NTSC – 720x480 pixels
• PAL – 768x576 pixel
• HDTV – 1280x720 pixels
• HDTV FullHD – 1920x1080 pixels
• UHDTV 4K – 3840x...
wmagalhaes@unipar.br
Proporção das Resoluções
Densidade
• É uma medida relacionada à composição de imagens
• Geralmente medida em :
• DPI – Dots Per Inch / Termo em inglês
• PPP ...
• Expressa o número de pontos individuais que existem
em uma polegada linear na superfície onde a imagem é
apresentada
Den...
É possível classificar as imagens de acordo com sua
densidade (DPI), da seguinte maneira:
• Pontos por polegada - imagens ...
Padrões
• 72 dpi para exibição
• 300 dpi para impressão
Densidade
wmagalhaes@unipar.br
Compressão de imagens
• Métodos específicos
Compressão de Imagens
BMP 2,301kb GIF 82kb JPG 251kb PNG 279kb
wmagalhaes@unipar.br
.BMP
• Formato de codificação adotado pela Microsoft
• Utilizado para armazenamento de imagens em memória
• Gera arquivos ...
.GIF
• Abreviação de (Graphics Interchange Format)
• Desenvolvido pela CompuServ para transmissão de
imagens por linhas di...
.GIF
• Suporte a fundos transparentes
• Suporte a animações
• Imagens com 8 bits de profundidade
• Utiliza apenas 256 core...
.GIF
Principais Formatos
wmagalhaes@unipar.br
.PNG
• Portable Network Graphics
• Surgiu em 1996 como substituto ao GIF
• Formato livre
• Permite compressão de imagens s...
.PNG
• Suporta fundos transparentes
• Não suporta animações
Principais Formatos
wmagalhaes@unipar.br
.PNG
Principais Formatos
wmagalhaes@unipar.br
.JPG
• Método para comprimir fotografias
• Padrão utilizado nas câmeras digitas domesticas
• Profundidade de 8 a 24 bits
•...
Sistemas de Cores
Existem diversos sistemas para se obter cores
• RGB
• CMYK
• HSB
• Lab
• Entre outros
Sistemas de Cores
wmagalhaes@unipar....
Sistema RGB
• Utilizado em dispositivos eletrônicos como:
• Monitores
• TV
• Projetores
• Câmeras digitais
Sistemas de Cor...
Sistema RGB
• O padrão RGB é composto da união das três cores
primárias
• RED - Vermelho
• GREEN - Verde
• BLUE - Azul
Sis...
Sistema RGB
• No sistema RGB cada
pixel é formado através
de porções de cada uma
das cores
Sistemas de Cores
wmagalhaes@un...
Sistema RGB
Sistemas de Cores
wmagalhaes@unipar.br
Sistema RGB
• Neste sistema o intervalo de cada cor pode ser
representado de diversas maneiras
• Entre 0 e 1
• Entre 0 e 1...
Sistema CMYK
• Sistema utilizado em impressoras
• Baseado na mistura de tinta sobre o papel
Sistemas de Cores
wmagalhaes@u...
Sistema CMYK
• O padrão CMYK é composto da união das cores
seguintes:
• CYAN - Ciano
• MAGENTA - Magenta
• YELLOW – Amarel...
Sistema CMYK
• Nem todas as cores
vistas no monitor
podem ser conseguidas
na impressão
Sistemas de Cores
wmagalhaes@unipar...
• PAULA FILHO, Wilson de Pádua. Multimídia: Conceitos e Aplicações. 1ª ed. Rio de
Janeiro: LTC, 2000.
• Slides Prof. Rodri...
• Samsung. Galaxy SIII. Disponível em:
<http://www.samsung.com/br/consumer/cellular-phone/cellular-phone-
tablets/smartpho...
Próximos SlideShares
Carregando em…5
×

2014 - Multimídia e Internet - 04 Imagem Digital - Bitmaps

1.206 visualizações

Publicada em

Publicada em: Tecnologia
0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.206
No SlideShare
0
A partir de incorporações
0
Número de incorporações
6
Ações
Compartilhamentos
0
Downloads
63
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

2014 - Multimídia e Internet - 04 Imagem Digital - Bitmaps

  1. 1. Multimídia Imagem Digital - Bitmaps 2014 Prof. Willian Magalhães wmagalhaes@unipar.br
  2. 2. Bitmaps
  3. 3. • Bitmap é um termos em inglês que traduzido para o português significa mapa de bits • Imagens bitmaps também são conhecidas como imagens raster Bitmap = Mapas de Bits = Raster wmagalhaes@unipar.br Bitmaps
  4. 4. Bitmaps
  5. 5. Características • Geralmente corresponde a imagens fotográficas wmagalhaes@unipar.br Bitmaps
  6. 6. Características • Imagens do tipo bitmap são formadas por uma matriz de pontos • Cada posição da matriz corresponde a uma cor / um ponto da tela • O número de bits que um pixel contem determina o intervalo de cores que este pode representar wmagalhaes@unipar.br Bitmaps
  7. 7. Bit?
  8. 8. Unidades de Medida Unidade Equivalência Símbolo Bit Menor unidade de medida ( 0 e 1 ) Byte 8 bits B Kilobyte 1024 Bytes KB Megabyte 1024 Kilobytes MB Gigabyte 1024 Megabytes GB Terabyte 1024 Gigabytes TB
  9. 9. Profundidade
  10. 10. • A cor de um pixel depende do número de bits disponíveis para armazena-la • Este número de bits também é conhecido como pixel depht (profundidade do pixel) wmagalhaes@unipar.br Profundidade
  11. 11. wmagalhaes@unipar.br Profundidade 1 bit 4 bits 8 bits 24 bits
  12. 12. 12 Imagem com 1 bit  21 = 2 cores possíveis Profundidade
  13. 13. Imagem com 4 bits  24 = 16 cores possíveis 13 Profundidade
  14. 14. Imagem com 8 bits  28 = 256 cores possíveis 14 Profundidade
  15. 15. Imagem com 24 bits  224 = 16,8 milhões de cores possíveis 15 Profundidade
  16. 16. Como calcular? • Imagem com 4 bits de profundidade wmagalhaes@unipar.br Profundidade 2 Cores possíveisVariações de um bit (zero ou um) Quantidade de bits do pixel 4 = 2x2x2x2 = 16
  17. 17. Podemos concluir que... • Quanto mais bits, mais cores na imagem • Quanto mais cores, mais informações • Quanto mais informações, maior tamanho físico wmagalhaes@unipar.br Profundidade
  18. 18. Tamanho físico
  19. 19. Tamanho físico wmagalhaes@unipar.br Profundidade 1 bit = 2 cores Tamanho físico 58,5kb 24 bits = 16,8 milhões de cores Tamanho físico 1,37mb
  20. 20. Calculo tamanho físico (sem compressão) • (640 x 480 x 1bit) / 8 = 38.400 bytes • (800 x 600 x 8bits) / 8 = 480.000 bytes • (1024 x 768 x 24bits) / 8 = 2.359.296 bytes wmagalhaes@unipar.br Profundidade 𝐵𝑦𝑡𝑒𝑠 = 𝐿𝐴𝑅𝐺𝑈𝑅𝐴 𝑥 𝐴𝐿𝑇𝑈𝑅𝐴 𝑥 𝐵𝐼𝑇𝑆 8
  21. 21. Unidades de Medida Unidade Equivalência Símbolo Bit Menor unidade de medida ( 0 e 1 ) Byte 8 bits B Kilobyte 1024 Bytes KB Megabyte 1024 Kilobytes MB Gigabyte 1024 Megabytes GB Terabyte 1024 Gigabytes TB
  22. 22. Resolução
  23. 23. • A resolução de uma imagem bitmap está relacionada à quantidade pixels que a imagem contém • Em imagens digitais a resolução é medida em megapixels wmagalhaes@unipar.br Resolução
  24. 24. Megapixel
  25. 25. • Unidade de medida utilizada em câmeras digitais • Determina o grau da resolução / definição de uma imagem • Um megapixel corresponde a 1.000.000 (um milhão) de pixels wmagalhaes@unipar.br Megapixel
  26. 26. Calculo Megapixel wmagalhaes@unipar.br Megapixel LARGURA (px) ALTURA (px) 𝐿𝐴𝑅𝐺𝑈𝑅𝐴 𝑝𝑥 𝑥 𝐴𝐿𝑇𝑈𝑅𝐴(𝑝𝑥) 1.000.000 = 𝑀𝑒𝑔𝑎𝑝𝑖𝑥𝑒𝑙 700 𝑥 700 1.000.000 = 0,49 𝑚𝑒𝑔𝑎𝑝𝑖𝑥𝑒𝑙𝑠
  27. 27. Megapixel na prática
  28. 28. Samsung Galaxy SIII • Especificação no site do fabricante Megapixel na Prática wmagalhaes@unipar.br
  29. 29. Nokia Lumia 1020 • Segundo o site Tudo Celular o smartphone Lumia 1020 da fabricante Nokia é capaz de capturar imagens com as dimensões de 7152x5368 pixels. Megapixel na Prática
  30. 30. Nokia Lumia 1020 • Segundo o site Tudo Celular o smartphone Lumia 1020 da fabricante Nokia é capaz de capturar imagens com as dimensões de 7152x5368 pixels. Megapixel na Prática Qual a resolução desta câmera?
  31. 31. E a resolução dos televisores?
  32. 32. • NTSC – 720x480 pixels • PAL – 768x576 pixel • HDTV – 1280x720 pixels • HDTV FullHD – 1920x1080 pixels • UHDTV 4K – 3840x2160 pixels • UHDTV 8K – 7680x4320 pixels Resolução - Televisores wmagalhaes@unipar.br
  33. 33. wmagalhaes@unipar.br Proporção das Resoluções
  34. 34. Densidade
  35. 35. • É uma medida relacionada à composição de imagens • Geralmente medida em : • DPI – Dots Per Inch / Termo em inglês • PPP – Pontos Por Polegada / Termo em português Densidade wmagalhaes@unipar.br
  36. 36. • Expressa o número de pontos individuais que existem em uma polegada linear na superfície onde a imagem é apresentada Densidade 1” = 2,54 10 DPI 1” = 2,54 20 DPI wmagalhaes@unipar.br
  37. 37. É possível classificar as imagens de acordo com sua densidade (DPI), da seguinte maneira: • Pontos por polegada - imagens gravadas em algum suporte por uma impressora (ex. papel) • Pixels por polegada - imagens apresentadas em monitores de vídeo Densidade wmagalhaes@unipar.br
  38. 38. Padrões • 72 dpi para exibição • 300 dpi para impressão Densidade wmagalhaes@unipar.br
  39. 39. Compressão de imagens
  40. 40. • Métodos específicos Compressão de Imagens BMP 2,301kb GIF 82kb JPG 251kb PNG 279kb wmagalhaes@unipar.br
  41. 41. .BMP • Formato de codificação adotado pela Microsoft • Utilizado para armazenamento de imagens em memória • Gera arquivos não compactados Principais Formatos wmagalhaes@unipar.br
  42. 42. .GIF • Abreviação de (Graphics Interchange Format) • Desenvolvido pela CompuServ para transmissão de imagens por linhas discadas • Utiliza codificação LZW para compressão de imagens Principais Formatos wmagalhaes@unipar.br
  43. 43. .GIF • Suporte a fundos transparentes • Suporte a animações • Imagens com 8 bits de profundidade • Utiliza apenas 256 cores • Algoritmo de compactação proprietário Principais Formatos wmagalhaes@unipar.br
  44. 44. .GIF Principais Formatos wmagalhaes@unipar.br
  45. 45. .PNG • Portable Network Graphics • Surgiu em 1996 como substituto ao GIF • Formato livre • Permite compressão de imagens sem perda de qualidade • Formato recomendado pelo W3C Principais Formatos wmagalhaes@unipar.br
  46. 46. .PNG • Suporta fundos transparentes • Não suporta animações Principais Formatos wmagalhaes@unipar.br
  47. 47. .PNG Principais Formatos wmagalhaes@unipar.br
  48. 48. .JPG • Método para comprimir fotografias • Padrão utilizado nas câmeras digitas domesticas • Profundidade de 8 a 24 bits • Extensões utilizadas JPG ou JPEG Principais Formatos wmagalhaes@unipar.br
  49. 49. Sistemas de Cores
  50. 50. Existem diversos sistemas para se obter cores • RGB • CMYK • HSB • Lab • Entre outros Sistemas de Cores wmagalhaes@unipar.br • RGB • CMYK
  51. 51. Sistema RGB • Utilizado em dispositivos eletrônicos como: • Monitores • TV • Projetores • Câmeras digitais Sistemas de Cores wmagalhaes@unipar.br
  52. 52. Sistema RGB • O padrão RGB é composto da união das três cores primárias • RED - Vermelho • GREEN - Verde • BLUE - Azul Sistemas de Cores wmagalhaes@unipar.br
  53. 53. Sistema RGB • No sistema RGB cada pixel é formado através de porções de cada uma das cores Sistemas de Cores wmagalhaes@unipar.br
  54. 54. Sistema RGB Sistemas de Cores wmagalhaes@unipar.br
  55. 55. Sistema RGB • Neste sistema o intervalo de cada cor pode ser representado de diversas maneiras • Entre 0 e 1 • Entre 0 e 100 (percentual) • Entre 0 e 255 • Entre 00 e FF (hexadecimal) Sistemas de Cores wmagalhaes@unipar.br
  56. 56. Sistema CMYK • Sistema utilizado em impressoras • Baseado na mistura de tinta sobre o papel Sistemas de Cores wmagalhaes@unipar.br
  57. 57. Sistema CMYK • O padrão CMYK é composto da união das cores seguintes: • CYAN - Ciano • MAGENTA - Magenta • YELLOW – Amarelo • BLACK - Preto Sistemas de Cores wmagalhaes@unipar.br
  58. 58. Sistema CMYK • Nem todas as cores vistas no monitor podem ser conseguidas na impressão Sistemas de Cores wmagalhaes@unipar.br
  59. 59. • PAULA FILHO, Wilson de Pádua. Multimídia: Conceitos e Aplicações. 1ª ed. Rio de Janeiro: LTC, 2000. • Slides Prof. Rodrigo Rocha. Disponível em: <http://www.bolinhabolinha.com> Acesso em janeiro de 2104 • Apostila Prof. Alexandre C. B. Ramos. Disponível em: <http://www.ebah.com.br/content/ABAAAAQWAAI/apostila-sistemas- multimidia> Acesso em janeiro de 2104 Referências
  60. 60. • Samsung. Galaxy SIII. Disponível em: <http://www.samsung.com/br/consumer/cellular-phone/cellular-phone- tablets/smartphones/GT-I9300RWPZTM-spec> Acesso em março de 2014 • Tudo Celular. Nokia Lumia 1020. Disponível em: <http://www.tudocelular.com/Nokia/fichas-tecnicas/n2485/Nokia-Lumia- 1020.html> Acesso em março de 2014 Referências

×