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

Mais conteúdo relacionado

PPTX
Radiologia (1).pptx
PPTX
Estruturas de rede
PDF
Classificação Automatizada de Câncer de Mama - Imagens Histopatológicas
DOCX
Tomografia computadorizada em Odontologia
PDF
Fatores de controle de qualidade da imagem: Sistema filme-ecran X sistema dig...
PDF
Informatica Aplicada
PDF
Radiology formação e qualidade da imagem em filme - écran
PPTX
Tratamento das urgências em traumatismo dentário :
Radiologia (1).pptx
Estruturas de rede
Classificação Automatizada de Câncer de Mama - Imagens Histopatológicas
Tomografia computadorizada em Odontologia
Fatores de controle de qualidade da imagem: Sistema filme-ecran X sistema dig...
Informatica Aplicada
Radiology formação e qualidade da imagem em filme - écran
Tratamento das urgências em traumatismo dentário :

Mais procurados (20)

PPTX
Anatomia Aplicada da Coluna Cervical
PDF
Radiologia odontologica
PPS
Processamento Radiográfico
PPTX
Introdução a internet
PPTX
Arquitetura de Software EXPLICADA
ODP
Processamento de imagens: Técnicas e Aplicações
PPT
Telas Intensificadoras
PPTX
periféricos de entrada, saída e mistos
PDF
Apostila de radiologia odontológica
ODP
Aula 01 - Redes Wireless
PPT
CóDigo GenéTico
PPT
Video Coding Standard
PDF
Banco de Dados - Conceitos
PDF
Roteiro identificação e montagem de radiografias intrabucais
PDF
Sistemas adesivos
PDF
Anestesia Local e Bloqueios de Membros e Face.pdf
PDF
Introdução ao Processamento de Imagens Digitais
PDF
Banco de dados
PDF
Nocoes basicas de informatica intermediario
PPTX
Introducao as rede de computadores
Anatomia Aplicada da Coluna Cervical
Radiologia odontologica
Processamento Radiográfico
Introdução a internet
Arquitetura de Software EXPLICADA
Processamento de imagens: Técnicas e Aplicações
Telas Intensificadoras
periféricos de entrada, saída e mistos
Apostila de radiologia odontológica
Aula 01 - Redes Wireless
CóDigo GenéTico
Video Coding Standard
Banco de Dados - Conceitos
Roteiro identificação e montagem de radiografias intrabucais
Sistemas adesivos
Anestesia Local e Bloqueios de Membros e Face.pdf
Introdução ao Processamento de Imagens Digitais
Banco de dados
Nocoes basicas de informatica intermediario
Introducao as rede de computadores
Anúncio

Destaque (20)

PPTX
2014 - Desenvolvimento Web - 03 CSS
PPTX
Slide ingles 02 de outubro de 2013
PPT
Inglês´slide cacoal
PPTX
Curso Desenvolvimento WEB com PHP - CSS
PPTX
Introdução OpenCV (Pt-Br) com exemplos
PPTX
Sensoriamento remoto aplicado à estudos florestais igor narvaes_iii_saef
PDF
Tutorial música digital
PPTX
História Do Mp3
ODP
PDF
Bitmap x vetorial - Portal das Artes Gráficas
PDF
Natalia cancino portafolio 2012
PPTX
Tech análise de pixels em fraudes digitais
PPT
Ferramentas de design_aula02_2010.05.17
PPTX
Atalhos e dicas para ilustrator
PDF
O Ponto e o Pixel
PPTX
Aula 2 formato de imagens
PDF
2014 - Multimídia e Internet - 01 Introdução
PPT
Formatos de arquivo - PNG
PPTX
Nova york
2014 - Desenvolvimento Web - 03 CSS
Slide ingles 02 de outubro de 2013
Inglês´slide cacoal
Curso Desenvolvimento WEB com PHP - CSS
Introdução OpenCV (Pt-Br) com exemplos
Sensoriamento remoto aplicado à estudos florestais igor narvaes_iii_saef
Tutorial música digital
História Do Mp3
Bitmap x vetorial - Portal das Artes Gráficas
Natalia cancino portafolio 2012
Tech análise de pixels em fraudes digitais
Ferramentas de design_aula02_2010.05.17
Atalhos e dicas para ilustrator
O Ponto e o Pixel
Aula 2 formato de imagens
2014 - Multimídia e Internet - 01 Introdução
Formatos de arquivo - PNG
Nova york
Anúncio

Semelhante a 2014 - Multimídia e Internet - 04 Imagem Digital - Bitmaps (20)

PPTX
Informática Aplicada - Introdução
PPTX
Tipos de imagens digitais
PPT
Aula2_3_MTM.ppt
PPTX
Modulo 0138 0138-caracterização de varios tipos e formatos de imagem
PPTX
Aula 003 - Imagem, resolução e formatos
PDF
Imagem digital-www-radiologiaeinovacao-com-br
PDF
Bitmap x Vetor
PDF
Tratamento de Imagens com Photoshop - Visao Geral
PDF
aula1_2.pdf
PPTX
Representação de imagens em formato digital
PPTX
2014 - Multimídia e Internet - 03 Imagem Digital - Vetores
PDF
Aula 09 imagens vetoriais
PDF
Aula 09 imagens vetoriais
PPTX
Teoria das Cores para Sistemas Digitais
PPTX
ComputaçãO GráFica Para Designers
ODP
Ti gimp
PDF
Imagens matriciais vs Imagens vectoriais
PPT
PDF
Unidade_4.pdf
PDF
Apostila photoshop 7
Informática Aplicada - Introdução
Tipos de imagens digitais
Aula2_3_MTM.ppt
Modulo 0138 0138-caracterização de varios tipos e formatos de imagem
Aula 003 - Imagem, resolução e formatos
Imagem digital-www-radiologiaeinovacao-com-br
Bitmap x Vetor
Tratamento de Imagens com Photoshop - Visao Geral
aula1_2.pdf
Representação de imagens em formato digital
2014 - Multimídia e Internet - 03 Imagem Digital - Vetores
Aula 09 imagens vetoriais
Aula 09 imagens vetoriais
Teoria das Cores para Sistemas Digitais
ComputaçãO GráFica Para Designers
Ti gimp
Imagens matriciais vs Imagens vectoriais
Unidade_4.pdf
Apostila photoshop 7

Mais de Willian Magalhães (12)

PPTX
2014 - Desenvolvimento Web - 01 Introdução
PPTX
2014 - Desenvolvimento Web - 02 HTML
PPTX
2014 - Multimídia e Internet - 02 Textos
PPTX
Desenvolvendo para WEB com JAVA
PPSX
Curso Desenvolvimento WEB com PHP - HTML
PPTX
Curso Desenvolvimento WEB com PHP - PHP (parte 1)
PPTX
Curso Desenvolvimento WEB com PHP - HTML
PPT
Curso Photoshop 2009 - Aula 05
PPT
Curso Photoshop 2009 - Aula 04
PPT
Curso Photoshop 2009 - Aula 03
PPT
Curso Photoshop 2009 - Aula 02
PPT
Curso Photoshop 2009 - Aula 01
2014 - Desenvolvimento Web - 01 Introdução
2014 - Desenvolvimento Web - 02 HTML
2014 - Multimídia e Internet - 02 Textos
Desenvolvendo para WEB com JAVA
Curso Desenvolvimento WEB com PHP - HTML
Curso Desenvolvimento WEB com PHP - PHP (parte 1)
Curso Desenvolvimento WEB com PHP - HTML
Curso Photoshop 2009 - Aula 05
Curso Photoshop 2009 - Aula 04
Curso Photoshop 2009 - Aula 03
Curso Photoshop 2009 - Aula 02
Curso Photoshop 2009 - Aula 01

Último (12)

PPTX
Viasol Energia Solar -Soluções para geração e economia de energia
PDF
Manejo integrado de pragas na cultura do algodão
PPTX
Analise Estatica de Compiladores para criar uma nova LP
PDF
eBook - GUIA DE CONSULTA RAPIDA EM ROTEADORES E SWITCHES CISCO - VOL I.pdf
PPTX
Tipos de servidor em redes de computador.pptx
PPTX
Utilizando code blockes por andre backes
PDF
Processos no SAP Extended Warehouse Management, EWM100 Col26
PDF
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
PPTX
Aula 9 - Funções em Python (Introdução à Ciência da Computação)
PPT
Conceitos básicos de Redes Neurais Artificiais
PPTX
Proposta de Implementação de uma Rede de Computador Cabeada.pptx
PDF
Jira Software projetos completos com scrum
Viasol Energia Solar -Soluções para geração e economia de energia
Manejo integrado de pragas na cultura do algodão
Analise Estatica de Compiladores para criar uma nova LP
eBook - GUIA DE CONSULTA RAPIDA EM ROTEADORES E SWITCHES CISCO - VOL I.pdf
Tipos de servidor em redes de computador.pptx
Utilizando code blockes por andre backes
Processos no SAP Extended Warehouse Management, EWM100 Col26
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
Aula 9 - Funções em Python (Introdução à Ciência da Computação)
Conceitos básicos de Redes Neurais Artificiais
Proposta de Implementação de uma Rede de Computador Cabeada.pptx
Jira Software projetos completos com scrum

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

  • 1. Multimídia Imagem Digital - Bitmaps 2014 Prof. Willian Magalhães wmagalhaes@unipar.br
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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 𝑚𝑒𝑔𝑎𝑝𝑖𝑥𝑒𝑙𝑠
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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