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 * Tipografia

* Infográficos

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

- Boa compressão sem perda de cores

- Defeitos aparentes com a compressão

* Desvantagens

- Mais opções de compressão

- Sem opção de transparência

GIF* Vantagens

- Transparência - Escala limitada de cores

* Desvantagens

- Ótimo para gráficos com poucas cores - Compressão com

perda de cores- Gráficos animados

PNG* Vantagens

- Transparência - Menos opções de compressão

* Desvantagens

- Ó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.