SlideShare uma empresa Scribd logo
1 de 12
Baixar para ler offline
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.

Mais conteúdo relacionado

Destaque

teste de personalidade tibetano
teste de personalidade tibetanoteste de personalidade tibetano
teste de personalidade tibetano
site curiosidades
 
Texto - Madre Tereza de Calcutá
Texto - Madre Tereza de CalcutáTexto - Madre Tereza de Calcutá
Texto - Madre Tereza de Calcutá
Antonio Rodrigues
 
Rubem alves chegadas e despedidas
Rubem alves   chegadas e despedidasRubem alves   chegadas e despedidas
Rubem alves chegadas e despedidas
Amadeu Wolff
 

Destaque (14)

Mensagens Edificantes De Chico Xavie Ra
Mensagens Edificantes De Chico Xavie RaMensagens Edificantes De Chico Xavie Ra
Mensagens Edificantes De Chico Xavie Ra
 
Ciclo da vida
Ciclo da vidaCiclo da vida
Ciclo da vida
 
Tentação (1)
Tentação (1)Tentação (1)
Tentação (1)
 
teste de personalidade tibetano
teste de personalidade tibetanoteste de personalidade tibetano
teste de personalidade tibetano
 
Mensagem Inspiradora
Mensagem InspiradoraMensagem Inspiradora
Mensagem Inspiradora
 
Chico xavier
Chico xavierChico xavier
Chico xavier
 
Mude
MudeMude
Mude
 
Respostas de teresa de calcutá
Respostas de teresa de calcutáRespostas de teresa de calcutá
Respostas de teresa de calcutá
 
Texto - Madre Tereza de Calcutá
Texto - Madre Tereza de CalcutáTexto - Madre Tereza de Calcutá
Texto - Madre Tereza de Calcutá
 
FRASES DE CHICO XAVIER - Blog Partida e Chegada
FRASES DE CHICO XAVIER - Blog Partida e ChegadaFRASES DE CHICO XAVIER - Blog Partida e Chegada
FRASES DE CHICO XAVIER - Blog Partida e Chegada
 
Todas as Parábolas da Bíblia - Herbert Lockyer
Todas as Parábolas da Bíblia - Herbert LockyerTodas as Parábolas da Bíblia - Herbert Lockyer
Todas as Parábolas da Bíblia - Herbert Lockyer
 
Mocidade Espírita Chico Xavier - Psicografia
Mocidade Espírita Chico Xavier - PsicografiaMocidade Espírita Chico Xavier - Psicografia
Mocidade Espírita Chico Xavier - Psicografia
 
Rubem alves chegadas e despedidas
Rubem alves   chegadas e despedidasRubem alves   chegadas e despedidas
Rubem alves chegadas e despedidas
 
VisãO Geral da Filosofia
VisãO Geral da FilosofiaVisãO Geral da Filosofia
VisãO Geral da Filosofia
 

Mais de Richarley Menescal

Planejamento estratégico digital
Planejamento estratégico digitalPlanejamento estratégico digital
Planejamento estratégico digital
Richarley Menescal
 
Marketing viral nos meios digitais
Marketing viral nos meios digitaisMarketing viral nos meios digitais
Marketing viral nos meios digitais
Richarley Menescal
 

Mais de Richarley Menescal (14)

Apresentação - Parte 2 da Workshop "Mídias sociais para criativos: como se di...
Apresentação - Parte 2 da Workshop "Mídias sociais para criativos: como se di...Apresentação - Parte 2 da Workshop "Mídias sociais para criativos: como se di...
Apresentação - Parte 2 da Workshop "Mídias sociais para criativos: como se di...
 
Apresentação - Parte 1 da Workshop "Mídias sociais para criativos: como se di...
Apresentação - Parte 1 da Workshop "Mídias sociais para criativos: como se di...Apresentação - Parte 1 da Workshop "Mídias sociais para criativos: como se di...
Apresentação - Parte 1 da Workshop "Mídias sociais para criativos: como se di...
 
Texturas para games
Texturas para gamesTexturas para games
Texturas para games
 
Las Características de la Convergencia Digital en los Nuevos Sistemas de Entr...
Las Características de la Convergencia Digital en los Nuevos Sistemas de Entr...Las Características de la Convergencia Digital en los Nuevos Sistemas de Entr...
Las Características de la Convergencia Digital en los Nuevos Sistemas de Entr...
 
Implementação html e css
Implementação html e cssImplementação html e css
Implementação html e css
 
Web analytics
Web analyticsWeb analytics
Web analytics
 
E commerce
E commerceE commerce
E commerce
 
Brief(ing) digital
Brief(ing) digitalBrief(ing) digital
Brief(ing) digital
 
Planejamento estratégico digital
Planejamento estratégico digitalPlanejamento estratégico digital
Planejamento estratégico digital
 
Marketing viral nos meios digitais
Marketing viral nos meios digitaisMarketing viral nos meios digitais
Marketing viral nos meios digitais
 
Estratégias de comunicação para mídias e redes sociais
Estratégias de comunicação para mídias e redes sociaisEstratégias de comunicação para mídias e redes sociais
Estratégias de comunicação para mídias e redes sociais
 
Co-criação na web
Co-criação na webCo-criação na web
Co-criação na web
 
Cores para web
Cores para webCores para web
Cores para web
 
Fundamentos do desenvolvimento de um layout web
Fundamentos do desenvolvimento de um layout webFundamentos do desenvolvimento de um layout web
Fundamentos do desenvolvimento de um layout web
 

Último

matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
CleidianeCarvalhoPer
 
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdf
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdfGEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdf
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdf
RavenaSales1
 
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
LeloIurk1
 
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffffSSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
NarlaAquino
 
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTeoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
TailsonSantos1
 
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdfENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
LeloIurk1
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
marlene54545
 

Último (20)

matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
 
Estudar, para quê? Ciência, para quê? Parte 1 e Parte 2
Estudar, para quê?  Ciência, para quê? Parte 1 e Parte 2Estudar, para quê?  Ciência, para quê? Parte 1 e Parte 2
Estudar, para quê? Ciência, para quê? Parte 1 e Parte 2
 
Nós Propomos! Autocarros Elétricos - Trabalho desenvolvido no âmbito de Cidad...
Nós Propomos! Autocarros Elétricos - Trabalho desenvolvido no âmbito de Cidad...Nós Propomos! Autocarros Elétricos - Trabalho desenvolvido no âmbito de Cidad...
Nós Propomos! Autocarros Elétricos - Trabalho desenvolvido no âmbito de Cidad...
 
Atividade - Letra da música Esperando na Janela.
Atividade -  Letra da música Esperando na Janela.Atividade -  Letra da música Esperando na Janela.
Atividade - Letra da música Esperando na Janela.
 
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdf
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdfGEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdf
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdf
 
praticas experimentais 1 ano ensino médio
praticas experimentais 1 ano ensino médiopraticas experimentais 1 ano ensino médio
praticas experimentais 1 ano ensino médio
 
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
 
Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)
 
Seminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptxSeminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptx
 
P P P 2024 - *CIEJA Santana / Tucuruvi*
P P P 2024  - *CIEJA Santana / Tucuruvi*P P P 2024  - *CIEJA Santana / Tucuruvi*
P P P 2024 - *CIEJA Santana / Tucuruvi*
 
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
 
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffffSSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
 
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfPROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
 
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTeoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
 
Projeto Nós propomos! Sertã, 2024 - Chupetas Eletrónicas.pptx
Projeto Nós propomos! Sertã, 2024 - Chupetas Eletrónicas.pptxProjeto Nós propomos! Sertã, 2024 - Chupetas Eletrónicas.pptx
Projeto Nós propomos! Sertã, 2024 - Chupetas Eletrónicas.pptx
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
 
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdfENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
 
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfPROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
 
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxSlides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
 

Imagens para web