1. Multimídia
Imagem Digital - Bitmaps
2014
Prof. Willian Magalhães
wmagalhaes@unipar.br

2. Bitmaps

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. Bitmaps

5. Características
• Geralmente corresponde a imagens fotográficas
wmagalhaes@unipar.br
Bitmaps

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. Bit?

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. Profundidade

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. wmagalhaes@unipar.br
Profundidade
1 bit 4 bits 8 bits 24 bits

12. 12
Imagem com 1 bit
 21 = 2 cores possíveis
Profundidade

13. Imagem com 4 bits
 24 = 16 cores possíveis
13
Profundidade

14. Imagem com 8 bits
 28 = 256 cores possíveis
14
Profundidade

15. Imagem com 24 bits
 224 = 16,8 milhões de cores possíveis
15
Profundidade

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. 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. Tamanho físico

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. 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. 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. Resolução

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. Megapixel

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. Calculo Megapixel
wmagalhaes@unipar.br
Megapixel
LARGURA (px)
ALTURA
(px)
𝐿𝐴𝑅𝐺𝑈𝑅𝐴 𝑝𝑥 𝑥 𝐴𝐿𝑇𝑈𝑅𝐴(𝑝𝑥)
1.000.000
= 𝑀𝑒𝑔𝑎𝑝𝑖𝑥𝑒𝑙
700 𝑥 700
1.000.000
= 0,49 𝑚𝑒𝑔𝑎𝑝𝑖𝑥𝑒𝑙𝑠

27. Megapixel na prática

28. Samsung Galaxy SIII
• Especificação no site do fabricante
Megapixel na Prática
wmagalhaes@unipar.br

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. 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. E a resolução dos televisores?

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. wmagalhaes@unipar.br
Proporção das Resoluções

34. Densidade

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. • 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. É 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. Padrões
• 72 dpi para exibição
• 300 dpi para impressão
Densidade
wmagalhaes@unipar.br

39. Compressão de imagens

40. • Métodos específicos
Compressão de Imagens
BMP 2,301kb GIF 82kb JPG 251kb PNG 279kb
wmagalhaes@unipar.br

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. .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. .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. .GIF
Principais Formatos
wmagalhaes@unipar.br

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. .PNG
• Suporta fundos transparentes
• Não suporta animações
Principais Formatos
wmagalhaes@unipar.br

47. .PNG
Principais Formatos
wmagalhaes@unipar.br

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. Sistemas de Cores

50. Existem diversos sistemas para se obter cores
• RGB
• CMYK
• HSB
• Lab
• Entre outros
Sistemas de Cores
wmagalhaes@unipar.br
• RGB
• CMYK

51. Sistema RGB
• Utilizado em dispositivos eletrônicos como:
• Monitores
• TV
• Projetores
• Câmeras digitais
Sistemas de Cores
wmagalhaes@unipar.br

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. 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. Sistema RGB
Sistemas de Cores
wmagalhaes@unipar.br

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. Sistema CMYK
• Sistema utilizado em impressoras
• Baseado na mistura de tinta sobre o papel
Sistemas de Cores
wmagalhaes@unipar.br

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. Sistema CMYK
• Nem todas as cores
vistas no monitor
podem ser conseguidas
na impressão
Sistemas de Cores
wmagalhaes@unipar.br

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. • 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