O tamanho das imagens importa para um site? - @Curso em Vídeo HTML5 e CSS3

Подписаться 2,3 млн

Просмотров 419 тыс.

50% 1

Você sabe escolher bons tamanhos e resoluções para imagens? Sabe como salvar uma imagem para usar em um site? Sabe como deixar as imagens leves? Veja a resposta para todas essas perguntas assistindo esse vídeo até o final.
Tópicos deste vídeo:
00:00 - Capítulo 06, aula 03
00:28 - Introdução
01:00 - Uma história emocionante
02:08 - Abrindo nossas imagens
04:55 - Qual é o melhor tamanho para imagens na web?
05:20 - Reduzindo o tamanho das imagens
06:05 - Qual é a melhor resolução para imagens
07:00 - Exportando imagens para web
09:00 - Comparando os tamanhos diferentes
10:05 - Reduzindo o tamanho de um PNG
13:59 - Ajude a divulgar nosso curso
15:25 - O que faremos na próxima aula?
O Curso de HTML5 e CSS3 vai ensinar a criar sites usando a linguagem de marcação hipertexto (HTML) e folhas de estilo em cascata (CSS), todas em suas versões mais recentes. Neste curso, o Professor Gustavo Guanabara criou um conjunto de vídeos, exercícios, desafios e um material de apoio em forma de e-book com 30 capítulos ao todo.
Acesse o material de apoio em PDF:
== GitHub: github.com/gustavoguanabara/h...
Receba notificações de novos vídeos:
== Canal no Telegram: t.me/cursoemvideo
Acompanhe todos os vídeos do Módulo 1 do Curso de HTML5 e CSS3:
== Módulo 01: • Curso completo e atual...
Consiga certificados fazendo o curso diretamente pelo site oficial do projeto:
== Site: www.cursoemvideo.com
Torne-se apoiador do projeto:
== Acesse: www.cursoemvideo.com/apoie
Siga-nos nas redes sociais:
== Gustavo Guanabara no Instagram: / gustavoguanabara
== Curso em Vídeo no Instagram: / cursoemvideo
== Hostnet no Instagram: / hostnetbr
== Recode no Instagram: / rederecode
== Estudonauta no Instagram: / estudonauta
Conheça os patrocinadores desse curso:
== HOSTNET: www.hostnet.com/cursoemvideo
== RECODE: www.recode.org.br/novidades
== ESTUDONAUTA: www.estudonauta.com/cursoemvideo
#cursohtml5css3 #modulo01 #C06A03

Опубликовано:

13 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 441

@aninhamonteiro2010 3 года назад

Tenho visto nos últimos vídeos muitos comentários do tipo: "Ah mas é idiota você ensinar a informática básica. Quem quer criar um site já sabe isso" ou até "Nossa mas para querer criar um site o cara precisa pelo menos renomear um arquivo". Cara, ninguém nasce sabendo, sorte a nossa que sabemos isso. Tem que ter humildade para entender que uma pessoa pode sim querer criar um site e não saber o básico, ela pode aprender!!!! Dar aula na internet é lidar com milhões de processos de aprendizagem. Uma única didática não consegue abraçar todos os tipos de alunos, mas uma didática completa consegue alcançar aquele que mais necessita! Quem tá achando que ele exagera no básico, eu venho ensinar aqui algo extremamente básico mas que vejo que muitos não sabem: é possível arrastar a barra de rolagem do vídeo para pular uma explicação simples. Olha que incrível? E agora o próprio Guanabara já criou sessões onde mostram o que está sendo falado no vídeo para que você pule facilmente! E se ainda não estiver satisfeito/a, você pode clicar no canto superior direito de sua tela no '"x". É tão simples... É constrangedor ver um professor dedicado sendo criticado por ensinar! Obrigada Guanabara por ter uma responsabilidade social em criar essa didática tão abrangente, precisamos de facilitar o aprendizado!

@jonasaraujo2155 2 года назад

O básico estes não têm, que é o respeito e educação. Presencialmente também existem esse tipo de gente, e muitas das vezes querem ensinar até o próprio docente.

@jtplays8390 2 года назад

foi mal nao leio textao

@beatrizribeiro4605 2 года назад

Tapa sem mao. Adorei!

@kbs6025 2 года назад

Olha, eu não tenho visto esses tipo de comentário maldosos não... Se achou um ou dois , esse tipo de pessoa merece ser ignorada... Maioria dos Comentários, 99% é só falando bem

@carduglo 2 года назад

@@jtplays8390 Sabe ler o copiou e colou...?

@Rum01TA 3 года назад

Cada like é um passo a mais pra você ser melhor em programação Força de vontade e fé.

@eulucasrodriguesdev Год назад

HTML E CSS não é programação! Brincadeira, boa sorte a todos! :)

@ronildoaraujodev 2 года назад

Tenho 27 anos, sou Motoboy, mas sempre simpatizei com a área. Estou tendo pouco tempo para estudar, mas nunca perco o foco e se Deus quiser irei manter até o final. Agradeço muito à você, Professor, pois suas aulas são incríveis e me fazem fixar em cada uma delas.

@xmxrsxn 2 года назад

não desanima carai

@marcosfelipe6066 2 года назад

Boto fé, Tmj.

@gustavozuini 2 года назад

E ai tio? Tá estudando?

@ronildoaraujodev 2 года назад

@@gustavozuini To sim, amigo. Continuo mega focado e evoluí muito. To tirando um tempinho pra estudar sobre investimentos também. Vamos pra cima! 🙏🏼

@gustavozuini 2 года назад

@@ronildoaraujodev Boa, guerreiro. Programação dá dinheiro, se o cara se dedicar. Mas investimento sei não, hein? O que mais tem é coach que ganha dinheiro vendendo curso, mas não ganha 1 real em trade. Cuidado! O sistema não permite enriquecimento fácil!

@borjamidias 3 года назад

Professor, permita-me apontar um detalhe que passou despercebido em 11:28 A resolução da imagem aparece como 11,8110 porém esse número não está na mesma unidade que o mostrado no tratamento da img anterior (72,000 -> 50,000). A primeira imagem a unidade era "pixels/in", já na segunda imagem a resolução é "pixels/mm". Caso tivesse mudado a seleção para pixles/mm na segunda imagem, iria aparecer aproximadamente 299,999 e vc poderia reduzir para 72,000 ou 50,000 como fez e conseguir maior compactação. Uma dica legal: ao exportar imagens JPEG, clicar na caixa de seleção "exibir pré-visualização na janela da imagem". Essa configuração irá mostrar uma prévia da imagem e o mais importante, irá dizer o tamanho final da imagem, dessa forma você consegue mexer nas configs da imagem como "qualidade" e "configurações avançadas" e ir ajeitando até chegar no equilíbrio entre qualidade de imagem vs. tamanho da imagem para só depois exportar. Muito obrigado pelo conteúdo de excelente qualidade, forte abraço!

@mathstylish Год назад

Pô cara, informação legal, obrigado por compartilhar kk sei que demorou 1 ano pra alguém comentar mas obrigado, deveriam fixar seu comentário

@redlight476 6 месяцев назад

Vlw mano

@fabio7154 3 года назад

Cara esse recurso do RU-vid de mostrar o tempo é perfeita! Ajuda demais!

@balbuenasolucaoemti9123 3 года назад

CARO PROFESSOR VENHO AQUI SOMENTE AGRADECER. ESTOU FAZENDO O CURSO ANTIGO DE HTML E VENDO O NOVO AO MESMO TEMPO. #GRATIDÃO AO CURSO EM VIDEO. QUERO SER DESENVOLVEDOR FREELANCE PARA DAR UM FUTURO MELHOR PARA MEU FILHO E ESPOSA. SE DEUS QUISER EU CHEGO LÁ ABRAÇO.

@yasuodias1929 2 года назад

Vai chegar sim, vamos chegar lá irmão! Javascript, CSS3 e HTML V

@sicario_blackz Год назад

Como tá indo?

@gabrielaalmeidamonteiro3233 3 года назад

1:15 - Que legal essa historia do Rafael Silva. Muito bom ver iniciativas como essa. Parabens para a Recode. 👏🏻👏🏻👏🏻👏🏻

@littlejhon7746 3 года назад

3:50 Professor existe um atalho bem simples também para renomear, vai no arquivo e aperta f2... As aulas novas de html estão me ajudando muito, obrigado :)

@virisangola 2 года назад

boas, no meu é fn + f2.

@Louvoresplaybacks99 Год назад

eita q massa, uso pc desde criança, já to quase com 30 anos de idade e só descobri isso hj rs

@rodrigs9262 Год назад

brabo

@fabriciobrandao9188 9 месяцев назад

@@Louvoresplaybacks99 provavelmente é no notebook, o meu tbm era assim, e eu n gosto nem um pouco, então fui na bios e alterei, se vc for na bios vc consegue alterar pra inverter as funções do notebook e as teclas

@frontgui 5 месяцев назад

18/12/23, hoje foi meu primeiro dia de desmotivação após quase 1 semana estudando, espero que daqui a um tempo eu veja esse comentário para lembrar desse momento de fraqueja e perceber que valeu tudo a pena! Sorte para mim e para todos!

@ligueofaovbr7570 5 месяцев назад

28/12/2023, 3 dias seguidos meio desmotivado, + tbm meu pc ta com dificuldade de ligar a tela, e quando tava arrumando o estabiliza queimo. + tô firme anotando as aulas teóricas. Desisti n desmotivação sempre vai ter, só que quando n tiver motivação oq vence é a disciplina… n desista!

@leticianogueira3402 2 года назад

01:00- Incrível a história do Rafael, muito legal ver essas essas iniciativas e totalmente necessárias

@muriloanjos8667 Год назад

Estou aqui vendo esse vídeo depois de quase 2 anos que ele foi lançado, eu estou no meu 2º ano do ensino técnico, e a grande maioria das coisas que o Guanabara está ensinado eu já aprendi faz tempo. Mas eu estou estudando como se tudo fosse coisa nova pra mim, e pelo incrivel que pareça eu estou aprendendo métodos de estudo que eu não aprenderia sem assistir essas aulas. Valeu Guanabara!!!

@souza1783 Год назад

Ano q vem começo o curso técnico, tomara que seja como esse curso kkk

@CGamersBrazil Год назад

O curso é tão bom do Curso em Vídeo que as aulas se aplicam até para quem desenvolve em wordpress hahahah Amo demais isso tudo aqui ♥️

@user-wn7wx3ko3c Месяц назад

Caraca fiquei emocionado agora! Eu moro aqui no Quitanda também e to fazendo o seu curso em vídeo aqui no RU-vid, ver a história dele me faz ter mais esperança. Obrigado! 😃

@Maiahg Месяц назад

Meus grandes parabens pro Rafael Silva,Inspiração de Verdade!!!

@TheAnnyRose Год назад

Eu fazia isso de redimensionar usando o paint, não conhecia o gimp, vou explorar mais esse agora, valeu Guanabara!

@NosebleeddeGroselha 4 месяца назад

Pessoal, se vocês precisarem redimensionar ou compactar quantidades grandes de imagens para algum projeto, o programa Fotosizer é 100% gratuito e feito pra isso. Uma vez precisei fazer uma sessão de "conheça nossa equipe" para um blog que tinha mais de vinte membros, cada um com um avatar, dois MB cada arquivo, se eu fosse compactar vinte avatares no photoshop um por um eu ia ficar doido kkkkkkk é só colocar tudo no Fotosizer, indicar a porcentagem de compactação (igual com um JPEG no gimp), se precisar dá pra mudar os tamanhos em bloco também, e exportar todas as cópias alteradas pra uma pasta.

@santosraimundo4951 2 года назад

Professor Gustavo, estas a deixar o seu legado neste universo, continua com este projecto não sabia nenhuma diferença entre os formatos de imagens; os meus parabéns continua assim.

@ivoibraimcruz6440 9 месяцев назад

O Guanabara elevou o nível dos cursos de TI. Eu fico aguardando ansiosamente a hora de estudar esse curso, é um dos melhores momentos do meu dia!!! Muito obrigado por esse conteúdo sensacional, mestre Guanabara!!!

@MrNetowister Год назад

Caramba Guanabara, todo mundo me indicou de início vc. e eu segui por outros caminhos, aprendi sim, mas a tua riqueza de detalhes é diferente, me fez voltar aqui e acompanhar cad dica, recomendação de livros, configuração do sistema... Você merece cada like e cada conquista, queria eu ser teu amigo de estar junto, a vontade de ajudar os outros que eu tenho, mas que preciso de toda carga de conhecimento tb. Agora encontrei!

@geygdyn3951 6 месяцев назад

curso muito bom estou gostando de mais professor ensina bem parabéns

@marianarodrigues195 5 месяцев назад

Seguindo firme e forte nos estudos, muito obrigada Guanabara!!!^^

@costaviana4972 2 года назад

Só aula top e louca

@tiago7700 3 года назад

Que massa essa história do Rafael Silva, foda demais.

@endgame-ox8vq 3 месяца назад

uns dos melhores professores ja criados pela humanidade

@seunomeaqui_ Год назад

Pra quem não curtiu o Gimp tem outras ferramentas online que podem ser úteis como: > Canva design > Figma

@ChristianAds-rm2tt 3 месяца назад

Com o canva da pra fazer ??

@seunomeaqui_ 3 месяца назад

@@ChristianAds-rm2tt Sim

@jbbzinho 3 года назад

Que história bacana, sou da comunidade vizinha (Pedreira), fiquei mt feliz em ver a favela vencendo novamente!

@Hector-np3zi 3 года назад

estou acompanhando os vídeos pelo site, por isso, as vezes acabo não comentando aqui no RU-vid. mas muito Obrigado a todos os envolvidos no projeto, as aulas são interessantíssimas...!

@GabrielaleatorioO 2 года назад

Melhor professor do mundo eu não sabia ND ND tô começando do início e ele tá me ajudando de uma forma tão legal e interativo e bem explicativo tudo q ele faz obrigado por tudo cara vc tá mudando minha vida

@thecontentguyy 2 года назад

Deixo um like em cada video, e acompanho a aula direitinho sem pular nada. Cada aula me surpreendo!

@albinogomesleal860 Год назад

Aula fantástica, muito boa !

@topresumosnews 3 года назад

Estes cursos são TOP, Aprendo muito sempre! Obrigado, Guanabara!

@qsarro9045 6 месяцев назад

pra inicio to pemsando em ser front, professor muito obg vc explica muito tem sempre detalhista explicando da melhor forma possivel vlw Guanabara🤝

@douglasfernandes3588 3 года назад

Vocês são maravilhosos de mais, mds! Quanta dica útel. Essa curso tá muito bom

@browniedagalera7916 3 года назад

Cara! Parabéns pelos conteúdos ... estava caçando pelo RU-vid e até que enfim te achei!

@Reissuy987 Год назад

Tudo é muito novo para mim, sua aula é perfeita ❤️❤️

@eduardoaraujo2454 10 месяцев назад

hj estudando , ainda divulgo pq conteúdo e bom de mais mesmo depois de anos !!!!!

@carolbalbino2653 3 года назад

Gente esse curso ta muito bom, muito completo e de graça, parabéns !!!!

@jrdevdigital-solucoesemtec6205 3 года назад

Parabéns ao curso em vídeo👏👏 Desenvolvi o site em WordPress e com as dicas desse curso estou complementando na otimização do site e blog. Essa aula de imagens está sendo uma mão na roda!

@kanibas 3 года назад

Cara, melhor curso! Já disse antes e falo de novo. O Guanabara é o melhor professor da galáxia.

@contagmail3235 3 года назад

Que história linda !!! Eu chorei com essa história parabéns a recode e agradeço a Deus Guanabara por sua existência porque através da sua vida várias outras estão sendo impactadas cara vc não imagina o bem que faz a muitas pessoas pelo mundo afora que o Senhor Deus lhe conceda muitos e muitos anos e que seus projetos e sonhos sejam realizados um bjão fica com Deus

@leandro_fmoraes 3 года назад

Parabéns Guanabara, por apresentar o gimp. O incentivo ao software livre como alternativa ou para quem não pode pagar por um proprietário é importante, evita a pirataria que é algo negativo para todos, principalmente para quem deseja se tornar um desenvolvedor.

@patrickplm 3 года назад

É uma satisfação ver o profissional trabalhando no que gosta. Imagina se nosso País desse realmente olhos para nossa educação. Meu pai amado... Likezão! Muito top

@pedroferreira7657 2 года назад

Guanabara, tu é maravilhoso! Tem um dom de ensinar e um cérebro magnífico! Tá me ajudando a voltar a sonhar

@_rael05 4 месяца назад

maravilhoso, estou aprendendo tanta coisa! Muito obg.

@k.magalhaes916 10 месяцев назад

Professor Guanabara, você é um incentivo para nós estudantes!!!! Parabéns mesmo!!! Muito Obrigado!!!!!!

@nathalieburg7678 2 года назад

Teu video me ajudou muito. Didático e sem enrolação. Obrigada!

@andersonfonseca346 Год назад

Guanabara , você é excelente !!! Parabens !!!

@renataaversaa 2 года назад

Curso muito bom! Professor explica muito bem! Estou adorando, bem do inicio! Ansiosa para os próximos módulos!

@andersoncleiton4714 Год назад

Guanabara a sua didática para ensinar é a melhor que ja vi, sempre recomendo seus cursos para quem quiser aprender algo...

@leandrogoncalvesdasilva829 Год назад

boa noite,cara to amando esse curso,muito grato a voce,que Deus abencoe vc grandemente.

@davitsantos3270 2 года назад

muito massa! show de bola. obg Gustavo Guanabara por compartilhar o seu conhecimento. parabéns pela humildade.

@socorromarques4345 Год назад

Conteúdo super interessante,. Estou gostando muito das aulas. Obrigada e por favor não pare!

@josejooj9706 2 года назад

gratidão por todas essas aulas

@sergiolima2251 Год назад

Estou gostando demais das aulas!

@izabelaramosc 7 месяцев назад

VOCÊ É FODA, CARA!!!! já divulguei pra colegas da aréa também

@brunalouisebarrosocosta6561 3 года назад

Muito bom quando voce foca e pega as aulas seguidas, porque foi muito necessaria a aula anterior sobre os formatos e sobre voltada para uso legal da imagens, sobre o filtro que tem que ser feito e os sites indicados para buscar imagens. Estou gostando deste módulo do curso

@charllierjewellery7031 3 года назад

Parabéns você entrega muito mais que os outros, virei teu fan.

@ioklebersimoescardoso7608 2 года назад

Valeu Professor, Obrigado!

@edvaldo8354 2 года назад

Aprendendo muito show de bola Guanabara

@RamonRodrigo-jw4pq Год назад

Seus videos estão sendo um divisor de aguas na minha vida, cada dia estou buscando mais conhecimento e aprimoramento!

@terapyterapy9304 Год назад

Que legal saber da história do início no vídeo!

@dirleicosta88 2 года назад

Prof°. Guanabara exelente aulas, parabens e muito obrigado por compartilhar seus conhecimentos.

@streb_decorativos 3 года назад

Que conteúdo maravilhoso, valeu professor Guanabara!

@otavioaugust 3 года назад

Não sei como agradecer... mesmo sendo um curso de HTML, esta aula me ajudou (e muito) a editar minhas imagens ... VALEU MESMO.!!!! #gimp #github

@nelsonboldrin6345 3 года назад

Valewwww Guanabara.. suas aulas são TOP ...como sempre..

@neymarlon637 Год назад

Esse homem é um monstro do conhecimento.

@analuisabandeirap 2 года назад

Arrasooou, Recode!! Máximo respeito, Rafael! 👏🏽👏🏽👏🏽👏🏽

@rafa_alucard3717 Год назад

que dicas tops. salvou

@ferramentasutilidade 2 года назад

Muito boa a aula e sem dúvida merece like e a interação, recomendo

@Informatica-Melhor-Idade 7 месяцев назад

O tempo esta corrido, mas o pouco que tenho, estou focando neste curso. Pra mim tem sido uma luz no fim do tunel! Obrigado Gustavo. Salve!!!

@renanmacho 6 месяцев назад

Como já usei muito Ilustrator e Photoshop, eu sei muito bem como utilizar imagens e como buscar elas na web. Conhecimento nunca é demais.

@brunaalmeidasilva2053 Год назад

Estooou amandooii

@BugLug_fan 2 года назад

Curtindo muito o curso. Anotando tudo de importante!

@kenbatista7021 3 года назад

Trabalho incrível Guanabara! Com todo certeza vou divulgar pros amigos incentivá-los.

@diogo3711 2 года назад

Ótima aula, como sempre! Obrigado, Guanabara, por esse conteúdo!!

@joelsonsilva73 3 года назад

Você me deu uma super. mega aula de entendimento que não sabia de nada e com vc estou aprendendo demais

@ed.takashy992 3 года назад

Ótimo curso professor. Obrigado !!

@Eletricista24hsBrasil 9 месяцев назад

Gostei muito do gimp. Aula top. Professor nota 1000

@Eletrospeedy 2 года назад

Estou gostando bastante, muito obrigado Guanabara.

@deborahkufner3831 2 года назад

Que aula essencial! Obrigada Guanabara!

@SheikdasArabia 2 года назад

Que curso sensacional. Estava fazendo pela apostila e fazendo o desafio 10, bem divertido e gostando muito. Agora que vim para os vídeos ainda estou aprendendo mais detalhes e revendo muita coisa. Estou realmente feliz e empolgado para os próximos módulos e inclusive demais linguagens. Espero daqui uns meses conseguir trocar de área e arranjar um emprego com programação.

@certsolution 3 года назад

Perfeito, muito bom, depois virei por aqui, deixe-me continuar com o Python...

@romuloalves9349 3 года назад

Ótima vídeo aula parabéns ✌.

@carolgdb1 3 года назад

Bom demais! Vou ficar fera com suas aulas profº. Obrigada

@matheusantonioalves Год назад

Aula assistida com sucesso! ✅

@fernandoalvarenga8230 2 месяца назад

vc eh fera Gustavo!!!!!!!!!

@TheOliverluca Год назад

Muito boas essas dicas de imagem, me ajudaram muito. 😊

@hebermarques6912 2 года назад

PARABÉNS PELAS AULAS DE SEMPRE!

@renatoorosco Год назад

Mais uma aula excelente, ótimo conteúdo. Valeu, Guanabara!

@ANDERSONOKPROMO 2 года назад

Parabéns Professor Guanabara. Curso muito bom.

@nataliajunqueira8375 4 месяца назад

a gatinha que fica aparecendo no fundo no meio da aula = tudo pra mim, fofinha demais hahah

@eryklessilva.1267 10 месяцев назад

esse curso aqui com certeza é o melhor caminho para quem não tem intimidade com a areá e com o computador.

@suellen48 Год назад

Obrigada!! Ótima aula!💜💜

@daiaanebarbosaf 3 года назад

Combinadíssimo, já vou para o PDF dar uma estudada.

@jhenniferviana1442 2 года назад

perfeito como sempre

@LeandroSantos-hu8ei 2 года назад

Esse curso é muito bom

@estefaniorodrigues1048 3 года назад

Professor estou gostando muito do material de Apoio, está me auxiliando muito quando não entendo bem os vídeos muito obrigado..😊😊

@PatsFerrer Год назад

Didática perfeita!

@HumoRado222 Год назад

dê graças a deus por esse tipo de de conteúdo que ele disponibiliza pra vocês, eu paguei um curso 800 e relativamente bom, full stake, na parte de html e css esse contéudo da muito mais que o curso pago que estou fazendo e olha que é um curso recomendado, se você for pesquisar por ai, é certeza que o nome dele vai está.