Imagens na Web

Devemos ter cuidados ao utilizarmos imagens na web. Existem alguns critérios que devemos seguir ao utilizarmos alguns formatos de imagens para cada caso específico. Na WEB recomenda-se usar uma resolução de 72 DPI. Perceba que o formato JPG é especificamente utilizado quando temos imagens ricas em cores, já no caso de imagens com formato GIF, ao contrário, do formato JPG, usa-se poucas cores, apenas cores básicas ou sólidas o que é visivelmente identificado nos exemplos abaixo. Bons estudos.

Resolução – Definindo o formato

Qual a melhor resolução a ser utilizada para um projeto Web?

O que é resolução?
Antes de começar a explicar qual o melhor método a ser utilizado, é fundamental que vejamos qual o significado da palavra resolução:

Número ou quantidade de pixels e cores que são geradas pela placa de vídeo e aceitas no monitor.

Quando setamos nosso monitor para 800 x 600 isso quer dizer que cada linha Horizontal tem 800 pixels e cada linha Vertical possui 600 pixels.

Os modos de cor são: 256, 16 bit (65.536) e 32 bit (mais de 16 milhões de cores).

Pixel ou Picture Element

É a menor parte de uma imagem, aonde cada pixel ou ponto possui uma informação que diz qual é sua cor. Essa cor é definida através da escala RGB (Red, Green e Blue), que varia de 0 a 255 e é a mistura dessas 3 cores que determinará a cor final do pixel.

E os Pixels Transparentes?

Os pixels transparentes utilizam uma cor que denominamos como Canal Alpha.

DPI

DPI (doths per inch ou pontos por polegada) é a unidade de medida da resolução.

 Ao dizer que uma imagem tem 300 DPI queremos dizer que em cada polegada da imagem existem 300 pontos.

 Em imagens para a Internet é comum a utilização de 72 DPI.

Modos de vídeo

A grande maioria dos usuários ainda utiliza uma resolução compatível com 800x600 pixels e normalmente os projetos para Web são produzidos para esta resolução. Quanto ao número de cores visualizadas no monitor conforme já visto acima, temos: 256, 16 bit (65.536) e 32 bit (mais de 16 milhões de cores).

Curiosidade: o olho humano é capaz de diferenciar 10 mil tipos de cor. Então pra que colocar 32 bit de cor no monitor?

Simplesmente para dar maior nitidez/definição à imagem!

Área útil

•          A área útil é a área de exibição do seu browser

•          Quando focamos o público de 800X600px temos uma área útil de 770X420px

•          Estatísticas

FONTE:

•          http://www.w3schools.com/browsers/browsers_stats.asp