Imagens para Web
@richarley
Uma imagem PODE valer
mais que mil palavras
* Contexto
* Realçar a aparência, idéias e sentimentos
Diversos significados
* Entreter

* Educar

* Impactar
Tipos de imagens
* Fotos

* Ilustrações

* Infográficos

* Tipografia
Exemplos de softwares
* Photoshop (Pago)

* GIMP (Gratuito)
Especificações Técnicas
* Resolução: 72 dpi
* Modo de cores: RGB
Formatos mais usuais
* JPG
* GIF
* PNG
JPG
* Vantagens

* Desvantagens

- Boa compressão
sem perda de cores

- Defeitos aparentes
com a compressão

- Mais opções de
compressão

- Sem opção de
transparência
GIF
* Vantagens

* Desvantagens

- Transparência

- Escala limitada de
cores

- Ótimo para gráficos
com poucas cores
- Gráficos animados

- Compressão com
perda de cores
PNG
* Vantagens

* Desvantagens

- Transparência

- Menos opções de
compressão

- Ótima compressão

- Arquivo geralmente
maior
Qualidade acima de tudo
* Corte e enquadramento
* Brilho e contraste
* Nitidez
Atividade em classe
* Com base em algum texto do site
www.webinsider.com.br , pesquisem 3
imagens dentro do contexto do matéria.
* Editem as imagens conforme as orientações
dadas em sala. Largura: 600 px

Atividade em casa
* Continuar com o wireframe do site portfólio,
agora também pensando em páginas internas
para ser analisado na próxima aula.

Imagens para web