Blog

Simplificando sobre Bit e Byte para computação Gráfica

Posted by:


Bit (simplificação para dígito binário, “BInary digiT” em inglês) é a menor unidade de informação que pode ser armazenada ou transmitida. Usada na Computação e na Teoria da Informação. Um bit pode assumir somente 2 valores, por exemplo: 0 ou 1, verdadeiro ou falso.(leia mais http://pt.wikipedia.org/wiki/Byte )

Sabemos Bit pode ser “0” ou “1”

8bits = 1 Byte(bom quase todo mundo sabe disso).

mas origem do nome Byte da onde vem?

Origina -se da antiga revista Byte que foi muito importante no final de 1970 que estava direcionada sobre microcomputadores e por isso vem a origem da palavra que tanto conhecemos “BYTE (link em língua  inglesa http://en.wikipedia.org/wiki/Byte_%28magazine%29 )  ”**

Porque o uso da Base 2 [2 elevado a n (onde n é variável de Bits na memoria)] = 2n

A resposta esta no uso dos Bits “0” e “1” temos dois números por isso uso da Potências de 2: 2²

http://pt.wikipedia.org/wiki/Exponencia%C3%A7%C3%A3o#Pot.C3.AAncias_de_2

Vou usar software “Gimp” (http://www.gimp.org/ )e “Calculadora” do sistema “Linux” no modo programável

Note que 2n onde 2 é base e o expoente é “n” que é a variável Bits na memoria .

Branco = 111111111111111111111111 (Binário) [11111111 – 8 Bits(Binário) = 255(decimal) = FF(Hexadecimal); 11111111- 8Bits(Binário) = 255(decimal) = FF(Hexadecimal) ; 11111111- 8 Bits(Binario) = 255(decimal) = FF(Hexadecimal)] = FFFFFF (Hexadecimal)

Exemplo: FFFFF0 (Hexadecimal) = 16777200 (decimal) = 111111111111111111110000 (Binário) obtém a cor “Ivory”]

Sistema RGB funciona com 3 canais de Cores de 8bits (28= 256,lembre -se da base que  é 2 e a  variável “n” nesse caso é 8 bits  ) que são: Vermelho (Red em inglês ), Verde (Green em inglês ) e Azul (Blue em inglês )e cada canal tem uma escala que varia de 0 a 255.

Temos “True Color ” = 24 Bits Por Pixel(24bpp) =[(256 X 256 x 256 ) em decimal] = 16,7 milhões de cores(em Decimal)

Como existe 3 canais de cores Vermelho,Verde e azul e como cada Canal de cor tem 8 bits,faço o calculo de 3 (3 canais) x 8 Bits(Binário=11111111=8 bits) = 24 Bits,pois são as 3 cores unidas para cada 1 pixel;

Então 24 Bits (Vermelho,Verde e Azul que são 3 canais de cores com 8bits cada) por Pixel( mais informação no link em inglês(  http://en.wikipedia.org/wiki/8-bit_color )

O numero   zero (“0”) representa a cor preta(não aceite na soma do numero zero como valor  nulo na escala RGB  e sim como uma  cor ,pois  representa  a cor preta pura ) tem que ser contado na escala RGB ,pois esta varia de 0 a 255 ,então somando a cor preta pura que é  1Bit (“0”) temos 256 cores.

Quando colocamos valor 1 na escala RGB já não temos a cor preta pura.

Tem que contar a cor preta para dar 256 tons de cor,0 a 255 = 256 Possibilidades

Preto é ausência de cores (0,0,0)

(Red,Gree,Blue ) = (Vermelho,Verde,Azul)=(255,255,255) onde a soma de todas cores resulta na cor branca.

Teste no Gimp (Agora a versão 2.7 com janela única pode ser instalada na distro Ubuntu ,siga as dicas nesse link http://oliviofarias.com/?p=130 ) e use a calculadora no modo Programável.

Antes vou comentar que Vermelho ,Verde e Azul  são 3 canais de cores que pode ser visto na aba de navegação do GIMP.

R = Vermelho = RED em Inglês  : (255,0,0) = (R,0,0)

G = Verde = GREEN em Inglês :  (0, 255,0) = (0,G,0)

B = Azul = BLUE em Inglês : (0,0, 255) =  (0,0,B)

As cores do fundo e letras do seu blog ou home page   é em Hexadecimal.Onde #FFFFFF é a cor Branca

HTML ( http://pt.wikipedia.org/wiki/HTML ) é  a linguagem para produzir páginas na Web que  usa  cores em Hexadecimal .

Veja tabela no link http://pt.wikipedia.org/wiki/Tabela_de_cores

Pixel (http://pt.wikipedia.org/wiki/Pixel) é o menor elemento num dispositivo de exibição composto pelo 3 pontos de cores : vermelho ,verde, e azul

Em True Color ,1 pixel pode variar em 3 pontos num monitor e cada ponto pode exibir 256 tonalidades diferentes (o equivalente a 8 bits).

Porem podemos usar software Inkscape( Mais sobre esse software gratuito no link http://br.gnome.org/InkscapeBrasil/ ) que usa  vetores matemáticos .( http://pt.wikipedia.org/wiki/Desenho_vetorial )

Com desenho vetorial  não existe perda de resolução,pois é calculo matemático  com uso de vetores,isso quer dizer que seu desenho pode ser ampliado já que as funções matemáticas adequam-se facilmente à escala.

O desenho vetorial  é  empregado pelas gráficas para criação de logótipos e que usa outro padrão de cores o  ” CMYK”

CMYK  é a abreviatura do sistema de cores formado por Ciano (Cyan), Magenta (Magenta), Amarelo (Yellow) e Preto (black). A letra K no final significa Key pois o preto que é obtido com as três primeiras cores, CMY, não reproduz fielmente tons mais escuros, sendo necessário a aplicação de preto “puro”.(mais informação em http://pt.wikipedia.org/wiki/CMYK )

O CMYK funciona devido à absorção de luz, pelo que as cores que são vistas vêm da parte da luz que não é absorvida. Este sistema é empregado por imprensas, impressoras e fotocopiadoras para reproduzir a maioria das cores do espectro visível, e é conhecido como quadricromia(http://pt.wikipedia.org/wiki/Quadricromia). É o sistema subtrativo de cores, em contraposição ao sistema aditivo, o RGB ( http://pt.wikipedia.org/wiki/Portal:Cores )

CMYK

* Desenho vetorial, que se baseia em vetores matemáticos;

* Raster, que não é mais que a descrição da cor de cada pixel;

CMYK é  o sistema subtrativo de cores, em contraposição ao sistema aditivo, o RGB.

Resolução baixa  acaba -se notando os pixels


** !!!!Batendo na mesma tecla!!! – Sobre impressoras coloridas

Mesmo que unir as cores Ciano (Cyan), Magenta (Magenta), Amarelo (Yellow) de seu cartucho de tinta da  sua impressora colorida, não obtém a cor  PRETA pura que na verdade resulta num tom preto meio acinzentado , por isso a necessidade do cartucho preto que vem sempre separado para ter melhor definição nas cores escuras.***




related post

2


About the Author:

Discussion

  1. Olívio Farias  abril 16, 2010

    Achei esse post super interessante.
    :c)

  2. santimsf  abril 19, 2010

    Cara ,Obrigado ,ainda vou tentar melhorar esse artigo ,pois ainda estou aprendendo a mexer com wordPress e sintetizar mais as informações