MultimídiaImagem Digital - Bitmaps

2014

Prof. Willian Magalhãeswmagalhaes@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

2Cores 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 coresTamanho físico 58,5kb

24 bits = 16,8 milhões de coresTamanho 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𝑥 7001.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 DPIwmagalhaes@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