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

1.325 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.325
No SlideShare
0
A partir de incorporações
0
Número de incorporações
6
Ações
Compartilhamentos
0
Downloads
68
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

×