Como Descobrir o TAMANHO CORRETO De Imagens Para Seu Sites (Imagens Mais Leves e Otimizadas)

Поделиться
HTML-код
  • Опубликовано: 6 янв 2025

Комментарии •

  • @SalaNinja
    @SalaNinja  2 года назад +2

    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

  • @katherineintheworld727
    @katherineintheworld727 Год назад +3

    SINCERAMNETE CONTEÚDOS COMO ESTE ME DÃO ATE UM QUENTINHO NO CORAÇÃO, MIL VEZES OBRIGADA

    • @SalaNinja
      @SalaNinja  Год назад

      Fico feliz que gostou, obrigado :D

  • @linosouza8871
    @linosouza8871 Год назад +1

    Show, obrigado por compartilhar.

  • @FortunDigital
    @FortunDigital Год назад

    sensacional, obrigada!

  • @alexandrehigino
    @alexandrehigino 2 года назад +2

    Fez total sentido, muito obrigado pelo conteudo.

  •  2 года назад +1

    Excelente conteúdo, me ajudou muito, sempre fico confuso nessa hora!

  • @paulolimajr
    @paulolimajr 2 года назад +1

    Mais um vídeo show de bola Rafa. Parabéns.

  • @eduardosprangoski7230
    @eduardosprangoski7230 2 года назад +1

    Vídeo TOPzera demais Maluco...Valeu pelas Dicas Valiosas...

  • @ricox25
    @ricox25 Год назад +3

    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?

  • @talitasantannats
    @talitasantannats 5 дней назад

    Olá, que ferramenta você usou para ver o tamanho da imagem quando selecionou no wordpress?

  • @edgarsousah
    @edgarsousah 2 года назад +1

    Dicas Top
    continua trazendo dicas assim Rafa

  • @gustavovitor9659
    @gustavovitor9659 2 года назад +3

    era desse Vídeo que eu estava precisando 🤩

  • @rozianacosta
    @rozianacosta Год назад

    Arrasou !!! Parabéns pelo conteúdo!!

  • @dennisporto
    @dennisporto Год назад

    Sensacional essas dicas. Parabéns!!!

  • @jessicaguimaraes1179
    @jessicaguimaraes1179 11 месяцев назад

    Conteúdo ninja amigo... Já me inscrevi, tamo junto!

  • @AntonioCarlos-zd9yl
    @AntonioCarlos-zd9yl Год назад

    Assisti e achei top 👏👏👏

  • @michaelfraga9957
    @michaelfraga9957 Год назад

    me salvou!!!!!!!!!!!
    excelente aula 🥰

  • @rafaelcardoso2901
    @rafaelcardoso2901 Год назад

    Aulassss irmão!!! muito bom conteúdo

  • @danielcarvalho-hm2ov
    @danielcarvalho-hm2ov 2 года назад

    bom demais
    isso vai ajudar muita gente
    valeu pelo video

  • @ednabezerradossantos7427
    @ednabezerradossantos7427 Год назад

    Agora sim aprendi o tamanho certo das imagens👍😘

  • @Cris-dq9jg
    @Cris-dq9jg Год назад +1

    Olá! Para galeria de fotos qual o tamanho ideal?

  • @altairbarbosagouveia2589
    @altairbarbosagouveia2589 Год назад

    Gratidão!!!

  • @esteja_aqui
    @esteja_aqui 2 года назад

    Muito top Rafa, aula valiosíssima!

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

    conteúdo animal. parabéns Rafa.

  • @shayronkesley7317
    @shayronkesley7317 Год назад

    Bem explicativo,boa aula ganhou seguidor

  • @isaacqueiroz1699
    @isaacqueiroz1699 11 месяцев назад +1

    cara preciso contratar teu curso excelente conteúdo, estou migrando pra essa área e preciso aprender muito ainda.

    • @SalaNinja
      @SalaNinja  11 месяцев назад

      Será muito bem vindo na nossa comunidade irmao!

  • @raulbertoldo6558
    @raulbertoldo6558 2 года назад

    Conteúdo TOP brother! N Para NÃo!!!

  • @danimportados
    @danimportados Год назад

    Qual tamanhos eu uso no woocommerce dos produtos ?

  • @estefanoaquino
    @estefanoaquino Год назад

    MUITO UTIL

  • @ednabezerradossantos7427
    @ednabezerradossantos7427 Год назад

    Agora sim aprendi o tamanho certo das imagens👍

  • @miroteixeira877
    @miroteixeira877 4 месяца назад +1

    Show! Salvou! Qual o nome da extensão para verificar o tamanho das imagens?

    • @SalaNinja
      @SalaNinja  4 месяца назад

      Awesome screenshot

  • @alteramidia8354
    @alteramidia8354 2 года назад +1

    Mestre 🚀

  • @MariaDasGracas-to2rb
    @MariaDasGracas-to2rb 2 года назад

    Ótimo vídeo Professor

  • @kleydsonbelem2933
    @kleydsonbelem2933 Год назад

    show de bola

  • @tarsodeassis1432
    @tarsodeassis1432 2 года назад

    Valeu muito bom...

  • @mentalidade180graus
    @mentalidade180graus 11 месяцев назад

    Poderia nos ensinar a criar estes lances ae do like, sininho, ,,,,acho q chama lower tirds... cria ae mestre

  • @volve9621
    @volve9621 9 месяцев назад +1

    essa é sempre a largura ideal para sites 1920? vejo muita gente fazendo menor mesmo para o descktop

    • @SalaNinja
      @SalaNinja  9 месяцев назад +1

      Sim, a largura padrão é 1920px que é a resolução do monitor full hd.

  • @agenciadigitalweb
    @agenciadigitalweb 2 года назад

    aula top

  • @alexandrelelo
    @alexandrelelo Год назад +1

    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

    • @SalaNinja
      @SalaNinja  Год назад +1

      É uma solução tbm, pelo photoshop da pra deixar ainda mais leve exportando em formato WEBP, esse seria o ideal

  • @binario.master
    @binario.master 2 года назад

    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?

  • @ENROMA-COMEX
    @ENROMA-COMEX Год назад

    Show

  • @BernardOLiveiraa
    @BernardOLiveiraa 2 месяца назад

    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.

  • @atituderocknroll
    @atituderocknroll Год назад +1

    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??

    • @SalaNinja
      @SalaNinja  Год назад

      Obrigado pela confiança! Sim, recomendo usar o photoshop, canva ou iloveimg e recortar essa imagem para ser usada na outra página

    • @atituderocknroll
      @atituderocknroll Год назад +1

      Então devo ter mesmo duas versão da mesma imagem. Correto?

  • @ferreiraerik
    @ferreiraerik 2 года назад +1

    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?

    • @SalaNinja
      @SalaNinja  2 года назад +1

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

  • @JulianaJulianaIssa
    @JulianaJulianaIssa Год назад +1

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

    • @SalaNinja
      @SalaNinja  Год назад

      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 🤩

  • @yharus.
    @yharus. Год назад

    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?

  • @esteja_aqui
    @esteja_aqui 2 года назад

    Rafa, imagens para post teria também alguma recomendação de tamanhos?

  • @wandersonreis6877
    @wandersonreis6877 2 года назад +1

    Qual nome desta extensão que você faz a medida ?

  • @alinegil-m5c
    @alinegil-m5c Год назад

    Gente, como é que consigo adicionar texto e botão emcima da imagem, como ele faz no vídeo?

  • @rhenangiroldo5152
    @rhenangiroldo5152 Год назад +1

    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?

    • @SalaNinja
      @SalaNinja  Год назад

      Tem que medir o tamanho da imagem para celular e recortar, depois subir para o site essa versão mobile

  • @cleodongomes
    @cleodongomes Год назад +1

    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!!!

    • @SalaNinja
      @SalaNinja  Год назад +1

      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.

  • @taynarabarbosa4080
    @taynarabarbosa4080 Год назад

    Legal vi que você faz parte da Comunidade 5 liberdades . Também faço parte 👏🏻👏🏻

  • @lucasreis-fo2tk
    @lucasreis-fo2tk Год назад

    mas e os monitores que tem 2k de largura? N fica zuada a img?

  • @luizberlandi1729
    @luizberlandi1729 Год назад

    Quando eu altero a versão de celular no modo responsivo ele altera na versão web, tem como eu desativar isso?

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

    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?

  • @mikescorreia958
    @mikescorreia958 Год назад

    Boa tarde, Rafael!
    Devo deixar as atualizações automática dos Plugins ativada ou desativada, para evitar possíveis erros mais a frente?
    Obrigado!

  • @iReisLucas
    @iReisLucas Год назад +1

    estou usando uma imagem com a resolução 1920x800 e mesmo assim ela está esticandi, o que pode ser?

    • @SalaNinja
      @SalaNinja  Год назад

      A resolução do seu monitor

  • @MegaAmauri
    @MegaAmauri 11 месяцев назад +1

    meu amigo eu comprei o pacote para fazer site de imobiliária, mais não consigo subir mal 6 fotos, vc pode ajudar?

    • @SalaNinja
      @SalaNinja  11 месяцев назад

      Precisa entrar no form de adicionar imoveis e ajustar caso queira mais de imagens, lá tem a opcao

  • @marcoaureliocoelho15
    @marcoaureliocoelho15 Год назад

    Moonstro!!!

  • @alexandrehigino
    @alexandrehigino 2 года назад

    Como faço para otimizar tamanhos de imagens para pc, tablet e celular sem usar o elementor? Agradeço a atenção.

  • @PepeuHARDT
    @PepeuHARDT 2 года назад

    Uso a mesma imagem, otimizada, para todos os formatos de tela, ao invés de ficar fazendo uma para cada.

  • @amarildocorrea8782
    @amarildocorrea8782 Год назад

    Eu acho que vocês youtubers, precisam focar mais em exemplos para versão mobile

  • @wesleydias942
    @wesleydias942 2 года назад +1

    e quando o monitor é wide screm? kkkkk to sofrendo aqui, no notebook fica de um jeito , quando ligo no monitor fica de outro kkk

    • @SalaNinja
      @SalaNinja  2 года назад

      Puts, ai é complicado, tenta inspecionar a página e simular resolução full hd

  • @ervaloliveira
    @ervaloliveira 2 года назад

    Tenho mais de 10 mil imagens no meu site. Não tem alguma ferramenta que altera o tamanho automaticamente?

    • @narrandocaesegatoseetc
      @narrandocaesegatoseetc 2 года назад

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

    • @cleodongomes
      @cleodongomes Год назад

      VC pode usar plugins para transformar as imagens em Webp.

  • @narrandocaesegatoseetc
    @narrandocaesegatoseetc 2 года назад

    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.

  • @goldenacessorios4519
    @goldenacessorios4519 Год назад +1

    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!

    • @eduardobueno7077
      @eduardobueno7077 Год назад

      E só diminuir a velocidade do vídeo 👍🏻

    • @djcldujardim2261
      @djcldujardim2261 Год назад

      Tanbem nao gostei , fala muito , sem prescisao , so resumi ....

    • @JulianaOliveira-ot9sf
      @JulianaOliveira-ot9sf Год назад

      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.

  • @centergessosp3651
    @centergessosp3651 2 года назад +1

    Tipo de vídeo q não é pra iniciante 😅muito rápido corrido

    • @SalaNinja
      @SalaNinja  2 года назад

      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/

  • @djcldujardim2261
    @djcldujardim2261 Год назад +1

    Fala muito , nao consegui entende nada , 👎

    • @SalaNinja
      @SalaNinja  Год назад

      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

  • @fulviotuliomendonca3914
    @fulviotuliomendonca3914 6 месяцев назад +1

    Cara , você fala rápido demais!....sua explicação está muito, mas muito confusa!....não dá pra seguir o seu raciocínio!.....

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

      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.

  • @mikescorreia958
    @mikescorreia958 Год назад +1

    Boa tarde, Rafael!
    Devo deixar as atualizações automática dos Plugins ativada ou desativada, para evitar possíveis erros mais a frente?
    Obrigado!

    • @SalaNinja
      @SalaNinja  Год назад

      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.