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 conhecidas como imagens
raster
Bitmap = Mapas de Bits = Raster
wmagalhaes@unipar.br
Bitmaps
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 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
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
Megabyte 1024 Kilobytes MB
Gigabyte 1024 Megabytes GB
Terabyte 1024 Gigabytes TB
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 pixel
depht (profundidade do pixel)
wmagalhaes@unipar.br
Profundidade
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
(zero ou um)
Quantidade de
bits do pixel
4 = 2x2x2x2 = 16
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
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
Tamanho físico 1,37mb
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
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
Resolução
• 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
Megapixel
• 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
Calculo Megapixel
wmagalhaes@unipar.br
Megapixel
LARGURA (px)
ALTURA
(px)
𝐿𝐴𝑅𝐺𝑈𝑅𝐴 𝑝𝑥 𝑥 𝐴𝐿𝑇𝑈𝑅𝐴(𝑝𝑥)
1.000.000
= 𝑀𝑒𝑔𝑎𝑝𝑖𝑥𝑒𝑙
700 𝑥 700
1.000.000
= 0,49 𝑚𝑒𝑔𝑎𝑝𝑖𝑥𝑒𝑙𝑠
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
as dimensões de 7152x5368 pixels.
Megapixel na Prática
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?
E a resolução dos televisores?
• 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
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 – Pontos Por Polegada / Termo em português
Densidade
wmagalhaes@unipar.br
• 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
É 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
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 não compactados
Principais Formatos
wmagalhaes@unipar.br
.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
.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
.GIF
Principais Formatos
wmagalhaes@unipar.br
.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
.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
• Extensões utilizadas JPG ou JPEG
Principais Formatos
wmagalhaes@unipar.br
Sistemas de Cores
Existem diversos sistemas para se obter cores
• RGB
• CMYK
• HSB
• Lab
• Entre outros
Sistemas de Cores
wmagalhaes@unipar.br
• RGB
• CMYK
Sistema RGB
• Utilizado em dispositivos eletrônicos como:
• Monitores
• TV
• Projetores
• Câmeras digitais
Sistemas de Cores
wmagalhaes@unipar.br
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
Sistema RGB
• No sistema RGB cada
pixel é formado através
de porções de cada uma
das cores
Sistemas de Cores
wmagalhaes@unipar.br
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 100 (percentual)
• Entre 0 e 255
• Entre 00 e FF (hexadecimal)
Sistemas de Cores
wmagalhaes@unipar.br
Sistema CMYK
• Sistema utilizado em impressoras
• Baseado na mistura de tinta sobre o papel
Sistemas de Cores
wmagalhaes@unipar.br
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
Sistema CMYK
• Nem todas as cores
vistas no monitor
podem ser conseguidas
na impressão
Sistemas de Cores
wmagalhaes@unipar.br
• 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
• 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

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

  • 1.
    Multimídia Imagem Digital -Bitmaps 2014 Prof. Willian Magalhães wmagalhaes@unipar.br
  • 2.
  • 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.
  • 5.
    Características • Geralmente correspondea imagens fotográficas wmagalhaes@unipar.br Bitmaps
  • 6.
    Características • Imagens dotipo 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.
  • 8.
    Unidades de Medida UnidadeEquivalê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.
  • 10.
    • A corde 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.
  • 12.
    12 Imagem com 1bit  21 = 2 cores possíveis Profundidade
  • 13.
    Imagem com 4bits  24 = 16 cores possíveis 13 Profundidade
  • 14.
    Imagem com 8bits  28 = 256 cores possíveis 14 Profundidade
  • 15.
    Imagem com 24bits  224 = 16,8 milhões de cores possíveis 15 Profundidade
  • 16.
    Como calcular? • Imagemcom 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.
  • 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 UnidadeEquivalê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.
  • 23.
    • A resoluçãode 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.
  • 25.
    • Unidade demedida 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.
  • 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çãodos 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.
  • 34.
  • 35.
    • É umamedida 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 onú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 classificaras 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 dpipara exibição • 300 dpi para impressão Densidade wmagalhaes@unipar.br
  • 39.
  • 40.
    • Métodos específicos Compressãode Imagens BMP 2,301kb GIF 82kb JPG 251kb PNG 279kb wmagalhaes@unipar.br
  • 41.
    .BMP • Formato decodificaçã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 afundos 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.
  • 45.
    .PNG • Portable NetworkGraphics • 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 fundostransparentes • Não suporta animações Principais Formatos wmagalhaes@unipar.br
  • 47.
  • 48.
    .JPG • Método paracomprimir 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.
  • 50.
    Existem diversos sistemaspara se obter cores • RGB • CMYK • HSB • Lab • Entre outros Sistemas de Cores wmagalhaes@unipar.br • RGB • CMYK
  • 51.
    Sistema RGB • Utilizadoem dispositivos eletrônicos como: • Monitores • TV • Projetores • Câmeras digitais Sistemas de Cores wmagalhaes@unipar.br
  • 52.
    Sistema RGB • Opadrã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 • Nosistema RGB cada pixel é formado através de porções de cada uma das cores Sistemas de Cores wmagalhaes@unipar.br
  • 54.
    Sistema RGB Sistemas deCores wmagalhaes@unipar.br
  • 55.
    Sistema RGB • Nestesistema 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 • Sistemautilizado em impressoras • Baseado na mistura de tinta sobre o papel Sistemas de Cores wmagalhaes@unipar.br
  • 57.
    Sistema CMYK • Opadrã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 • Nemtodas 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. GalaxySIII. 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