SlideShare uma empresa Scribd logo
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

Mensagens Edificantes De Chico Xavie Ra
Mensagens Edificantes De Chico Xavie RaMensagens Edificantes De Chico Xavie Ra
Mensagens Edificantes De Chico Xavie Ra
Maquinista
 
Ciclo da vida
Ciclo da vidaCiclo da vida
Ciclo da vida
Bruno Dinardi
 
Tentação (1)
Tentação (1)Tentação (1)
Tentação (1)
Giulliana Vieira Rocha
 
teste de personalidade tibetano
teste de personalidade tibetanoteste de personalidade tibetano
teste de personalidade tibetano
site curiosidades
 
Mensagem Inspiradora
Mensagem InspiradoraMensagem Inspiradora
Mensagem Inspiradora
Paulo Henrique Flausino Ferreira
 
Chico xavier
Chico xavierChico xavier
Chico xavier
ltadeu1957
 
Mude
MudeMude
Respostas de teresa de calcutá
Respostas de teresa de calcutáRespostas de teresa de calcutá
Respostas de teresa de calcutá
Espaço Emrc
 
Texto - Madre Tereza de Calcutá
Texto - Madre Tereza de CalcutáTexto - Madre Tereza de Calcutá
Texto - Madre Tereza de Calcutá
Antonio Rodrigues
 
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
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
Arão Zuconelli
 
Mocidade Espírita Chico Xavier - Psicografia
Mocidade Espírita Chico Xavier - PsicografiaMocidade Espírita Chico Xavier - Psicografia
Mocidade Espírita Chico Xavier - Psicografia
Sergio Lima Dias Junior
 
Rubem alves chegadas e despedidas
Rubem alves   chegadas e despedidasRubem alves   chegadas e despedidas
Rubem alves chegadas e despedidas
Amadeu Wolff
 
VisãO Geral da Filosofia
VisãO Geral da FilosofiaVisãO Geral da Filosofia
VisãO Geral da Filosofia
ProfMario De Mori
 

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

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...
Richarley Menescal
 
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...
Richarley Menescal
 
Texturas para games
Texturas para gamesTexturas para games
Texturas para games
Richarley Menescal
 
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...
Richarley Menescal
 
Implementação html e css
Implementação html e cssImplementação html e css
Implementação html e css
Richarley Menescal
 
Web analytics
Web analyticsWeb analytics
Web analytics
Richarley Menescal
 
E commerce
E commerceE commerce
E commerce
Richarley Menescal
 
Brief(ing) digital
Brief(ing) digitalBrief(ing) digital
Brief(ing) digital
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
 
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
Richarley Menescal
 
Co-criação na web
Co-criação na webCo-criação na web
Co-criação na web
Richarley Menescal
 
Cores para web
Cores para webCores para web
Cores para web
Richarley Menescal
 
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
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

347018542-PAULINA-CHIZIANE-Balada-de-Amor-ao-Vento-pdf.pdf
347018542-PAULINA-CHIZIANE-Balada-de-Amor-ao-Vento-pdf.pdf347018542-PAULINA-CHIZIANE-Balada-de-Amor-ao-Vento-pdf.pdf
347018542-PAULINA-CHIZIANE-Balada-de-Amor-ao-Vento-pdf.pdf
AntnioManuelAgdoma
 
Slides Lição 11, Central Gospel, Os Mortos Em CRISTO, 2Tr24.pptx
Slides Lição 11, Central Gospel, Os Mortos Em CRISTO, 2Tr24.pptxSlides Lição 11, Central Gospel, Os Mortos Em CRISTO, 2Tr24.pptx
Slides Lição 11, Central Gospel, Os Mortos Em CRISTO, 2Tr24.pptx
LuizHenriquedeAlmeid6
 
Atividade de reforço de matemática 2º ano
Atividade de reforço de matemática 2º anoAtividade de reforço de matemática 2º ano
Atividade de reforço de matemática 2º ano
fernandacosta37763
 
D20 - Descritores SAEB de Língua Portuguesa
D20 - Descritores SAEB de Língua PortuguesaD20 - Descritores SAEB de Língua Portuguesa
D20 - Descritores SAEB de Língua Portuguesa
eaiprofpolly
 
Testes + soluções_Mensagens12 )11111.pdf
Testes + soluções_Mensagens12 )11111.pdfTestes + soluções_Mensagens12 )11111.pdf
Testes + soluções_Mensagens12 )11111.pdf
lveiga112
 
UFCD_3546_Prevenção e primeiros socorros_geriatria.pdf
UFCD_3546_Prevenção e primeiros socorros_geriatria.pdfUFCD_3546_Prevenção e primeiros socorros_geriatria.pdf
UFCD_3546_Prevenção e primeiros socorros_geriatria.pdf
Manuais Formação
 
UFCD_10949_Lojas e-commerce no-code_índice.pdf
UFCD_10949_Lojas e-commerce no-code_índice.pdfUFCD_10949_Lojas e-commerce no-code_índice.pdf
UFCD_10949_Lojas e-commerce no-code_índice.pdf
Manuais Formação
 
Fernão Lopes. pptx
Fernão Lopes.                       pptxFernão Lopes.                       pptx
Fernão Lopes. pptx
TomasSousa7
 
Potenciação e Radiciação de Números Racionais
Potenciação e Radiciação de Números RacionaisPotenciação e Radiciação de Números Racionais
Potenciação e Radiciação de Números Racionais
wagnermorais28
 
Funções e Progressões - Livro completo prisma
Funções e Progressões - Livro completo prismaFunções e Progressões - Livro completo prisma
Funções e Progressões - Livro completo prisma
djincognito
 
1_10_06_2024_Criança e Cultura Escrita, Ana Maria de Oliveira Galvão.pdf
1_10_06_2024_Criança e Cultura Escrita, Ana Maria de Oliveira Galvão.pdf1_10_06_2024_Criança e Cultura Escrita, Ana Maria de Oliveira Galvão.pdf
1_10_06_2024_Criança e Cultura Escrita, Ana Maria de Oliveira Galvão.pdf
SILVIAREGINANAZARECA
 
000. Para rezar o terço - Junho - mês do Sagrado Coração de Jesús.pdf
000. Para rezar o terço - Junho - mês do Sagrado Coração de Jesús.pdf000. Para rezar o terço - Junho - mês do Sagrado Coração de Jesús.pdf
000. Para rezar o terço - Junho - mês do Sagrado Coração de Jesús.pdf
YeniferGarcia36
 
CRONOGRAMA - PSC 2° ETAPA 2024.pptx (1).pdf
CRONOGRAMA - PSC 2° ETAPA 2024.pptx (1).pdfCRONOGRAMA - PSC 2° ETAPA 2024.pptx (1).pdf
CRONOGRAMA - PSC 2° ETAPA 2024.pptx (1).pdf
soaresdesouzaamanda8
 
Folheto | Centro de Informação Europeia Jacques Delors (junho/2024)
Folheto | Centro de Informação Europeia Jacques Delors (junho/2024)Folheto | Centro de Informação Europeia Jacques Delors (junho/2024)
Folheto | Centro de Informação Europeia Jacques Delors (junho/2024)
Centro Jacques Delors
 
Vogais Ilustrados para alfabetização infantil
Vogais Ilustrados para alfabetização infantilVogais Ilustrados para alfabetização infantil
Vogais Ilustrados para alfabetização infantil
mamaeieby
 
OS elementos de uma boa Redação para o ENEM.pdf
OS elementos de uma boa Redação para o ENEM.pdfOS elementos de uma boa Redação para o ENEM.pdf
OS elementos de uma boa Redação para o ENEM.pdf
AmiltonAparecido1
 
Redação e Leitura_7º ano_58_Produção de cordel .pptx
Redação e Leitura_7º ano_58_Produção de cordel .pptxRedação e Leitura_7º ano_58_Produção de cordel .pptx
Redação e Leitura_7º ano_58_Produção de cordel .pptx
DECIOMAURINARAMOS
 
Slides Lição 11, CPAD, A Realidade Bíblica do Inferno, 2Tr24.pptx
Slides Lição 11, CPAD, A Realidade Bíblica do Inferno, 2Tr24.pptxSlides Lição 11, CPAD, A Realidade Bíblica do Inferno, 2Tr24.pptx
Slides Lição 11, CPAD, A Realidade Bíblica do Inferno, 2Tr24.pptx
LuizHenriquedeAlmeid6
 
759-fortaleza-resultado-definitivo-prova-objetiva-2024-05-28.pdf
759-fortaleza-resultado-definitivo-prova-objetiva-2024-05-28.pdf759-fortaleza-resultado-definitivo-prova-objetiva-2024-05-28.pdf
759-fortaleza-resultado-definitivo-prova-objetiva-2024-05-28.pdf
MessiasMarianoG
 
GÊNERO TEXTUAL - POEMA.pptx
GÊNERO      TEXTUAL     -     POEMA.pptxGÊNERO      TEXTUAL     -     POEMA.pptx
GÊNERO TEXTUAL - POEMA.pptx
Marlene Cunhada
 

Último (20)

347018542-PAULINA-CHIZIANE-Balada-de-Amor-ao-Vento-pdf.pdf
347018542-PAULINA-CHIZIANE-Balada-de-Amor-ao-Vento-pdf.pdf347018542-PAULINA-CHIZIANE-Balada-de-Amor-ao-Vento-pdf.pdf
347018542-PAULINA-CHIZIANE-Balada-de-Amor-ao-Vento-pdf.pdf
 
Slides Lição 11, Central Gospel, Os Mortos Em CRISTO, 2Tr24.pptx
Slides Lição 11, Central Gospel, Os Mortos Em CRISTO, 2Tr24.pptxSlides Lição 11, Central Gospel, Os Mortos Em CRISTO, 2Tr24.pptx
Slides Lição 11, Central Gospel, Os Mortos Em CRISTO, 2Tr24.pptx
 
Atividade de reforço de matemática 2º ano
Atividade de reforço de matemática 2º anoAtividade de reforço de matemática 2º ano
Atividade de reforço de matemática 2º ano
 
D20 - Descritores SAEB de Língua Portuguesa
D20 - Descritores SAEB de Língua PortuguesaD20 - Descritores SAEB de Língua Portuguesa
D20 - Descritores SAEB de Língua Portuguesa
 
Testes + soluções_Mensagens12 )11111.pdf
Testes + soluções_Mensagens12 )11111.pdfTestes + soluções_Mensagens12 )11111.pdf
Testes + soluções_Mensagens12 )11111.pdf
 
UFCD_3546_Prevenção e primeiros socorros_geriatria.pdf
UFCD_3546_Prevenção e primeiros socorros_geriatria.pdfUFCD_3546_Prevenção e primeiros socorros_geriatria.pdf
UFCD_3546_Prevenção e primeiros socorros_geriatria.pdf
 
UFCD_10949_Lojas e-commerce no-code_índice.pdf
UFCD_10949_Lojas e-commerce no-code_índice.pdfUFCD_10949_Lojas e-commerce no-code_índice.pdf
UFCD_10949_Lojas e-commerce no-code_índice.pdf
 
Fernão Lopes. pptx
Fernão Lopes.                       pptxFernão Lopes.                       pptx
Fernão Lopes. pptx
 
Potenciação e Radiciação de Números Racionais
Potenciação e Radiciação de Números RacionaisPotenciação e Radiciação de Números Racionais
Potenciação e Radiciação de Números Racionais
 
Funções e Progressões - Livro completo prisma
Funções e Progressões - Livro completo prismaFunções e Progressões - Livro completo prisma
Funções e Progressões - Livro completo prisma
 
1_10_06_2024_Criança e Cultura Escrita, Ana Maria de Oliveira Galvão.pdf
1_10_06_2024_Criança e Cultura Escrita, Ana Maria de Oliveira Galvão.pdf1_10_06_2024_Criança e Cultura Escrita, Ana Maria de Oliveira Galvão.pdf
1_10_06_2024_Criança e Cultura Escrita, Ana Maria de Oliveira Galvão.pdf
 
000. Para rezar o terço - Junho - mês do Sagrado Coração de Jesús.pdf
000. Para rezar o terço - Junho - mês do Sagrado Coração de Jesús.pdf000. Para rezar o terço - Junho - mês do Sagrado Coração de Jesús.pdf
000. Para rezar o terço - Junho - mês do Sagrado Coração de Jesús.pdf
 
CRONOGRAMA - PSC 2° ETAPA 2024.pptx (1).pdf
CRONOGRAMA - PSC 2° ETAPA 2024.pptx (1).pdfCRONOGRAMA - PSC 2° ETAPA 2024.pptx (1).pdf
CRONOGRAMA - PSC 2° ETAPA 2024.pptx (1).pdf
 
Folheto | Centro de Informação Europeia Jacques Delors (junho/2024)
Folheto | Centro de Informação Europeia Jacques Delors (junho/2024)Folheto | Centro de Informação Europeia Jacques Delors (junho/2024)
Folheto | Centro de Informação Europeia Jacques Delors (junho/2024)
 
Vogais Ilustrados para alfabetização infantil
Vogais Ilustrados para alfabetização infantilVogais Ilustrados para alfabetização infantil
Vogais Ilustrados para alfabetização infantil
 
OS elementos de uma boa Redação para o ENEM.pdf
OS elementos de uma boa Redação para o ENEM.pdfOS elementos de uma boa Redação para o ENEM.pdf
OS elementos de uma boa Redação para o ENEM.pdf
 
Redação e Leitura_7º ano_58_Produção de cordel .pptx
Redação e Leitura_7º ano_58_Produção de cordel .pptxRedação e Leitura_7º ano_58_Produção de cordel .pptx
Redação e Leitura_7º ano_58_Produção de cordel .pptx
 
Slides Lição 11, CPAD, A Realidade Bíblica do Inferno, 2Tr24.pptx
Slides Lição 11, CPAD, A Realidade Bíblica do Inferno, 2Tr24.pptxSlides Lição 11, CPAD, A Realidade Bíblica do Inferno, 2Tr24.pptx
Slides Lição 11, CPAD, A Realidade Bíblica do Inferno, 2Tr24.pptx
 
759-fortaleza-resultado-definitivo-prova-objetiva-2024-05-28.pdf
759-fortaleza-resultado-definitivo-prova-objetiva-2024-05-28.pdf759-fortaleza-resultado-definitivo-prova-objetiva-2024-05-28.pdf
759-fortaleza-resultado-definitivo-prova-objetiva-2024-05-28.pdf
 
GÊNERO TEXTUAL - POEMA.pptx
GÊNERO      TEXTUAL     -     POEMA.pptxGÊNERO      TEXTUAL     -     POEMA.pptx
GÊNERO TEXTUAL - POEMA.pptx
 

Imagens para web