Links Importantes: 👉 Loja Oficial Sala Ninja : bit.ly/LojaOficialSalaNinja 👉 Curso Site de Rifas : bit.ly/RifaNinjaPRO 👉 Curso Jet Ninja Pro (Crocoblock) : bit.ly/JetNinjaPRO 👉 Curso de Elementor : bit.ly/SiteNinjaPro
Tenho uma dúvida já assisti vários vídeos e até agora nada. Para uma página de vendas qual seria o tamanho ideal para uma imagem? Eu sei que para banner o tamanho ideal seria de 1920px x 600px...mas para uma única imagem qual seria a dimensão correta?
Show, farei sempre assim a partir de agora... Deus te abençoe Rafa. Vou fazer seu treinamento de crocoblock. Nesse treinamento está incluso a parte de Elementor Pró? Eu ainda tenho algumas dúvidas em elementor pró... estou criando meu primeiro site e quero inserir nele recursos de sites dinâmicos...
Praa cimaaa 🚀 Sim, no curso ensinamos sobre o Elementor PRO também em conjunto com os plugins Crocoblock. Porém não acompanha as licenças dos plugins ok. Quarta agora tem lançamento de novo módulo no curso, Crm de imobiliária 🤩
Rafa boa tarde, eu tenho um blog que estou construindo com o elementor pro, que inclusive comprei ai com você, e recomendo para a galera porque o atendimento do Carlos Felix é muito bom) se eu utilizo uma imagem na pagina inicial de tamanho 1920 e vou mostrar ele também em outra pagina que o tamanho dela é 1/4 da original, devo subir uma segunda neste tamanho??
Excelente aula. Amigo, fiz uma loja virtual, onde logo na página inicial aparecem vários produtos...minha dúvida...subi todas as imagens em formato WebP e todas cerca de 100~150kb....porém todas no tamanho 1000x1000. Isso pode sobrecarregar o carregamento da página? Pois percebo que ao entrar no site pela primeira vez as imagens ficam com aquele ícone de carregamento, algo muito ruim pra experiência do cliente. Será que vou ter que alterar tamanho de todas? E os nomes que eu salvo as imagens (tipo se tiver hífen, underline, números no nome) pode atrapalhar o carregamento do site?
Acho que antes de transformar em webp você poderia comprimir para ficar ainda mais leves. Sim pode deixar pesado, mas depende de outros fatores tbm, hospedagem, usar cloudflare ou não, quantidade de plugins, tipografias...
Uma dúvida, estou a algumas horas tentando e não consigo de jeito nenhum fazer com que 2 imagens fiquem no mesmo lugar e arrastando você consegue alternar entre elas, teria como me ajudar por favor?
Vídeo muito bon e explocativo Na visão de pc funcionou mas para celular não deu certo a imagem ficava cortada ou a qualidade dela caia Oq posso fazer para solucionar isso?
boa! Na hora de deixar a foto mais leve, não é mais facil no Photoshop "save for web" utilizar uma qualidade mais baixa, ao inves de usar o iLoveIMG ? No video vc usa a qualidade 70 na hora de exportar, isso é muito alto ainda
Agora não entendi.. eu fiz 3 imagem individualmente cada uma representando o seu tamanho de aparelho.. quando coloquei desktop ficou perfeito, quando joguei a segunda imagem ficou perfeito pra tablet, mas quando fui olhar pra desktop, a imagem do desktop já não era mais a que eu tinha feito, ou seja, a imagem do tablet substituiu a imagem do desktop.
Erval, qual é o seu servidor? Fiz meu site a partir de tema, usando WP elemenor, hostgator, e demora para abrir... e é uma página simples de venda. Nem site é.
Infelizmente nao deu pra pegar as informações porque você fala rápido demais e mexe seu cursor com tanta rapidez que pessoas como eu estou aprendendo não consigo acompanhar seu raciocínio. Seria muito legal se os jovens como você que se propõem a ajudar as pessoas nesses assuntos mais complexos, lembrassem que quem está aqui quer aprender, e para aprender tem que ser um pouco mais devagar, senão não pegamos nadinha. Obrigada, valeu a tentativa!
Clica no vídeo / depois na engrenagem / Velocidade de reprodução / Escolha a Velocidade que fica melhor a compreensão e Dale... Mas não deixe de ver os vídeos dele por causa que ele fala um pouco mais rápido, porque ele ensina super bem.
No youtube tem uma engrenagem, só diminuir a velocidade. Eu assisto em 2.0 e ainda acho meio lerdo. Pode instalar uma extensão no seu navegador que permite controlar a velocidade de qualquer vídeo: Vídeo speed controller. Se quiser aprender mais sobre imagens, conheça nosso método : bannerninjapro.com/
Rafael, gente boa, as vezes a gente dá uma criticada, é porque a gente ferve por dentro de vontade de aprender, e essa inquietação da gente acaba sendo positiva porque vamos atrás dos vídeos, de conhecimento. A gente aprende, mas depois que aprende, temos de fazer o site. Ok. Mas wp exige atualizações diárias, não? Eu não entendo, dizem que é livre, e podem entrar, que é vulnerável... podem entrar e estragar o site... O MEU DEMORA para entrar... dizem para procurar outros lugares para hospedar... Quais são esses lugares bons, sem ser esses famosos que todo mundo fala? Eu gosto da praticidade do WP. Agora que aprendi a lidar com o elementor, é legal e simples, pegar os blocos... etc... Mas tem as imagens.... Se os textos forem de várias fonte, um colega me falou ontem que dá trabalho para o servidor ir buscar tudo isso... As imagens... tem de ter cuidados também... EU PRECISO DE UMA PÁGINA RÁPIDA. ESTOU COM O EBOOK PRONTO, SÓ FALTANDO A PÁGINA DE VENDAS. TENHO TODOS OS TEXTOS... READ LINE textos para objeções.... 4 botões de compra já com o link da hotmart algumas imagens.... MAS QUERO FAZER UMA PÁGINA QUE QUANDO A PESSOA FOR NO GOOGLE E CLICAR, ENTRAR RÁPIDO... To procurando um servidor.... Quem pode me sugerir? Ou esses servidores da cidade em que moramos são bons. Na minha cidade tem uma empresa que faz sites para as maiores empresas, inclusive Unimed e outros grandalhões.. Mas não sei das vantagens ou desvantagens. Um colega me falou que lá não tem problema de servidor, porque se o site ou página recebe muitas visitas, ele recebe a notificação e vai passando para outras máquinas, e só cobra 100 por mês para deixar o site lá... E dizem que fazem o site de maneira que fique leve.... não entendo de programação. Mas deve ser a linguagem que usam... que não pode misturar as coisas, como no caso de tipos de letras, caixa alta... tem que haver compatibilidade... Ignoro esses cuidados porque nada entendo de TI... Confesso que estou com sede de saber.
Estamos aqui para ajudar, resumo do vídeo para melhor compreensão: Pegue as medidas das imagens usando uma ferramenta como o awesome screenshot. Use uma ferramenta de imagens para recortar nessa medida. Faça upload das imagens no site, agora com os tamanhos corretos.
Então vai um super resumo pra você: meça a área de conteúdo do site, pegue essas medidas e corte a imagem em uma ferramenta de edição. Com a imagem recortada no tamanho correto, leve ela para o site. Agora é só aplicar ;D
Deixa desativado. Pois o plugin ao atualizar pode gerar bugs ou alguma incompatibilidade. O ideal é atualizar manualmente plugin por plugin e ver se acontecer alguma quebra no site, mas antes gera um backup por precaução.
![COMO OTIMIZAR SITE WORDPRESS PARA CARREGAR MAIS RÁPIDO [Transformando imagens em Webp]](http://i.ytimg.com/vi/uCcoBj0DLkI/mqdefault.jpg)
![COMO OTIMIZAR SITE WORDPRESS PARA CARREGAR MAIS RÁPIDO [Transformando imagens em Webp]](/img/tr.png)
Links Importantes:
👉 Loja Oficial Sala Ninja : bit.ly/LojaOficialSalaNinja
👉 Curso Site de Rifas : bit.ly/RifaNinjaPRO
👉 Curso Jet Ninja Pro (Crocoblock) : bit.ly/JetNinjaPRO
👉 Curso de Elementor : bit.ly/SiteNinjaPro
Olá, que ferramenta você usou para ver o tamanho da imagem quando selecionou no wordpress?
SINCERAMNETE CONTEÚDOS COMO ESTE ME DÃO ATE UM QUENTINHO NO CORAÇÃO, MIL VEZES OBRIGADA
Fico feliz que gostou, obrigado :D
Show, obrigado por compartilhar.
vlww :)
Excelente conteúdo, me ajudou muito, sempre fico confuso nessa hora!
Vídeo TOPzera demais Maluco...Valeu pelas Dicas Valiosas...
Vlww irmao!
Fez total sentido, muito obrigado pelo conteudo.
vlww brother
Dicas Top
continua trazendo dicas assim Rafa
vlww irmao!
Mais um vídeo show de bola Rafa. Parabéns.
Vlww irmao!
Conteúdo ninja amigo... Já me inscrevi, tamo junto!
era desse Vídeo que eu estava precisando 🤩
Topp!
Tenho uma dúvida já assisti vários vídeos e até agora nada. Para uma página de vendas qual seria o tamanho ideal para uma imagem? Eu sei que para banner o tamanho ideal seria de 1920px x 600px...mas para uma única imagem qual seria a dimensão correta?
Arrasou !!! Parabéns pelo conteúdo!!
Sensacional essas dicas. Parabéns!!!
sensacional, obrigada!
cara preciso contratar teu curso excelente conteúdo, estou migrando pra essa área e preciso aprender muito ainda.
Será muito bem vindo na nossa comunidade irmao!
Aulassss irmão!!! muito bom conteúdo
Olá! Para galeria de fotos qual o tamanho ideal?
conteúdo animal. parabéns Rafa.
me salvou!!!!!!!!!!!
excelente aula 🥰
Muito top Rafa, aula valiosíssima!
bom demais
isso vai ajudar muita gente
valeu pelo video
Assisti e achei top 👏👏👏
Gratidão!!!
Bem explicativo,boa aula ganhou seguidor
Obrigado brother!
Agora sim aprendi o tamanho certo das imagens👍😘
Conteúdo TOP brother! N Para NÃo!!!
Show! Salvou! Qual o nome da extensão para verificar o tamanho das imagens?
Awesome screenshot
Qual tamanhos eu uso no woocommerce dos produtos ?
Agora sim aprendi o tamanho certo das imagens👍
essa é sempre a largura ideal para sites 1920? vejo muita gente fazendo menor mesmo para o descktop
Sim, a largura padrão é 1920px que é a resolução do monitor full hd.
Mestre 🚀
Obrigado :D
Ótimo vídeo Professor
Valeu muito bom...
Legal vi que você faz parte da Comunidade 5 liberdades . Também faço parte 👏🏻👏🏻
show de bola
MUITO UTIL
Qual nome desta extensão que você faz a medida ?
awesome screenshot
Poderia nos ensinar a criar estes lances ae do like, sininho, ,,,,acho q chama lower tirds... cria ae mestre
Top Top, mas quando sobe mídia pro WP ele não gera mais 3? nesse caso teria que zerar para não gerar mais imagens?
Show, farei sempre assim a partir de agora... Deus te abençoe Rafa. Vou fazer seu treinamento de crocoblock. Nesse treinamento está incluso a parte de Elementor Pró? Eu ainda tenho algumas dúvidas em elementor pró... estou criando meu primeiro site e quero inserir nele recursos de sites dinâmicos...
Praa cimaaa 🚀 Sim, no curso ensinamos sobre o Elementor PRO também em conjunto com os plugins Crocoblock. Porém não acompanha as licenças dos plugins ok. Quarta agora tem lançamento de novo módulo no curso, Crm de imobiliária 🤩
aula top
Show
Rafa boa tarde, eu tenho um blog que estou construindo com o elementor pro, que inclusive comprei ai com você, e recomendo para a galera porque o atendimento do Carlos Felix é muito bom) se eu utilizo uma imagem na pagina inicial de tamanho 1920 e vou mostrar ele também em outra pagina que o tamanho dela é 1/4 da original, devo subir uma segunda neste tamanho??
Obrigado pela confiança! Sim, recomendo usar o photoshop, canva ou iloveimg e recortar essa imagem para ser usada na outra página
Então devo ter mesmo duas versão da mesma imagem. Correto?
Rafa, imagens para post teria também alguma recomendação de tamanhos?
Excelente aula.
Amigo, fiz uma loja virtual, onde logo na página inicial aparecem vários produtos...minha dúvida...subi todas as imagens em formato WebP e todas cerca de 100~150kb....porém todas no tamanho 1000x1000. Isso pode sobrecarregar o carregamento da página?
Pois percebo que ao entrar no site pela primeira vez as imagens ficam com aquele ícone de carregamento, algo muito ruim pra experiência do cliente.
Será que vou ter que alterar tamanho de todas? E os nomes que eu salvo as imagens (tipo se tiver hífen, underline, números no nome) pode atrapalhar o carregamento do site?
Acho que antes de transformar em webp você poderia comprimir para ficar ainda mais leves. Sim pode deixar pesado, mas depende de outros fatores tbm, hospedagem, usar cloudflare ou não, quantidade de plugins, tipografias...
Uma dúvida, estou a algumas horas tentando e não consigo de jeito nenhum fazer com que 2 imagens fiquem no mesmo lugar e arrastando você consegue alternar entre elas, teria como me ajudar por favor?
Então no caso eu devo usar um tamanho de imagem para cada versão? O próprio elementor não faz essa conversão? Obrigado pelo vídeo top!!!
Não, essa conversão automática é impossível. Devem ser recortadas e subir as imagens de acordo com cada dispositivo, para que fique bem encaixado.
Vídeo muito bon e explocativo
Na visão de pc funcionou mas para celular não deu certo a imagem ficava cortada ou a qualidade dela caia
Oq posso fazer para solucionar isso?
Tem que medir o tamanho da imagem para celular e recortar, depois subir para o site essa versão mobile
mas e os monitores que tem 2k de largura? N fica zuada a img?
boa! Na hora de deixar a foto mais leve, não é mais facil no Photoshop "save for web" utilizar uma qualidade mais baixa, ao inves de usar o iLoveIMG ? No video vc usa a qualidade 70 na hora de exportar, isso é muito alto ainda
É uma solução tbm, pelo photoshop da pra deixar ainda mais leve exportando em formato WEBP, esse seria o ideal
Agora não entendi.. eu fiz 3 imagem individualmente cada uma representando o seu tamanho de aparelho.. quando coloquei desktop ficou perfeito, quando joguei a segunda imagem ficou perfeito pra tablet, mas quando fui olhar pra desktop, a imagem do desktop já não era mais a que eu tinha feito, ou seja, a imagem do tablet substituiu a imagem do desktop.
Quando eu altero a versão de celular no modo responsivo ele altera na versão web, tem como eu desativar isso?
Gente, como é que consigo adicionar texto e botão emcima da imagem, como ele faz no vídeo?
estou usando uma imagem com a resolução 1920x800 e mesmo assim ela está esticandi, o que pode ser?
A resolução do seu monitor
meu amigo eu comprei o pacote para fazer site de imobiliária, mais não consigo subir mal 6 fotos, vc pode ajudar?
Precisa entrar no form de adicionar imoveis e ajustar caso queira mais de imagens, lá tem a opcao
Boa tarde, Rafael!
Devo deixar as atualizações automática dos Plugins ativada ou desativada, para evitar possíveis erros mais a frente?
Obrigado!
oi professor! vc menciona que o site tdo não deve ter 2 Mega...como assim? vc quis dizer 2 Giga? que tamanhos tem seus sites?
Moonstro!!!
Como faço para otimizar tamanhos de imagens para pc, tablet e celular sem usar o elementor? Agradeço a atenção.
Eu acho que vocês youtubers, precisam focar mais em exemplos para versão mobile
e quando o monitor é wide screm? kkkkk to sofrendo aqui, no notebook fica de um jeito , quando ligo no monitor fica de outro kkk
Puts, ai é complicado, tenta inspecionar a página e simular resolução full hd
Tenho mais de 10 mil imagens no meu site. Não tem alguma ferramenta que altera o tamanho automaticamente?
Erval, qual é o seu servidor? Fiz meu site a partir de tema, usando WP elemenor, hostgator, e demora para abrir... e é uma página simples de venda. Nem site é.
VC pode usar plugins para transformar as imagens em Webp.
Uso a mesma imagem, otimizada, para todos os formatos de tela, ao invés de ficar fazendo uma para cada.
Infelizmente nao deu pra pegar as informações porque você fala rápido demais e mexe seu cursor com tanta rapidez que pessoas como eu estou aprendendo não consigo acompanhar seu raciocínio. Seria muito legal se os jovens como você que se propõem a ajudar as pessoas nesses assuntos mais complexos, lembrassem que quem está aqui quer aprender, e para aprender tem que ser um pouco mais devagar, senão não pegamos nadinha. Obrigada, valeu a tentativa!
E só diminuir a velocidade do vídeo 👍🏻
Tanbem nao gostei , fala muito , sem prescisao , so resumi ....
Clica no vídeo / depois na engrenagem / Velocidade de reprodução / Escolha a Velocidade que fica melhor a compreensão e Dale... Mas não deixe de ver os vídeos dele por causa que ele fala um pouco mais rápido, porque ele ensina super bem.
Tipo de vídeo q não é pra iniciante 😅muito rápido corrido
No youtube tem uma engrenagem, só diminuir a velocidade. Eu assisto em 2.0 e ainda acho meio lerdo. Pode instalar uma extensão no seu navegador que permite controlar a velocidade de qualquer vídeo: Vídeo speed controller. Se quiser aprender mais sobre imagens, conheça nosso método : bannerninjapro.com/
Rafael, gente boa, as vezes a gente dá uma criticada, é porque a gente ferve por dentro de vontade de aprender, e essa inquietação da gente acaba sendo positiva porque vamos atrás dos vídeos, de conhecimento. A gente aprende, mas depois que aprende, temos de fazer o site. Ok. Mas wp exige atualizações diárias, não? Eu não entendo, dizem que é livre, e podem entrar, que é vulnerável... podem entrar e estragar o site... O MEU DEMORA para entrar... dizem para procurar outros lugares para hospedar... Quais são esses lugares bons, sem ser esses famosos que todo mundo fala? Eu gosto da praticidade do WP. Agora que aprendi a lidar com o elementor, é legal e simples, pegar os blocos... etc... Mas tem as imagens.... Se os textos forem de várias fonte, um colega me falou ontem que dá trabalho para o servidor ir buscar tudo isso... As imagens... tem de ter cuidados também... EU PRECISO DE UMA PÁGINA RÁPIDA. ESTOU COM O EBOOK PRONTO, SÓ FALTANDO A PÁGINA DE VENDAS. TENHO TODOS OS TEXTOS... READ LINE textos para objeções.... 4 botões de compra já com o link da hotmart algumas imagens.... MAS QUERO FAZER UMA PÁGINA QUE QUANDO A PESSOA FOR NO GOOGLE E CLICAR, ENTRAR RÁPIDO... To procurando um servidor.... Quem pode me sugerir? Ou esses servidores da cidade em que moramos são bons. Na minha cidade tem uma empresa que faz sites para as maiores empresas, inclusive Unimed e outros grandalhões.. Mas não sei das vantagens ou desvantagens. Um colega me falou que lá não tem problema de servidor, porque se o site ou página recebe muitas visitas, ele recebe a notificação e vai passando para outras máquinas, e só cobra 100 por mês para deixar o site lá... E dizem que fazem o site de maneira que fique leve.... não entendo de programação. Mas deve ser a linguagem que usam... que não pode misturar as coisas, como no caso de tipos de letras, caixa alta... tem que haver compatibilidade... Ignoro esses cuidados porque nada entendo de TI... Confesso que estou com sede de saber.
Cara , você fala rápido demais!....sua explicação está muito, mas muito confusa!....não dá pra seguir o seu raciocínio!.....
Estamos aqui para ajudar, resumo do vídeo para melhor compreensão: Pegue as medidas das imagens usando uma ferramenta como o awesome screenshot. Use uma ferramenta de imagens para recortar nessa medida. Faça upload das imagens no site, agora com os tamanhos corretos.
Fala muito , nao consegui entende nada , 👎
Então vai um super resumo pra você: meça a área de conteúdo do site, pegue essas medidas e corte a imagem em uma ferramenta de edição. Com a imagem recortada no tamanho correto, leve ela para o site. Agora é só aplicar ;D
Boa tarde, Rafael!
Devo deixar as atualizações automática dos Plugins ativada ou desativada, para evitar possíveis erros mais a frente?
Obrigado!
Deixa desativado. Pois o plugin ao atualizar pode gerar bugs ou alguma incompatibilidade. O ideal é atualizar manualmente plugin por plugin e ver se acontecer alguma quebra no site, mas antes gera um backup por precaução.