Como OTIMIZAR IMAGENS no WordPress: Redimensionar e Comprimir [Tamanho certo das imagens] 🚀

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

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

  • @DescomplicandoSites
    @DescomplicandoSites  3 года назад +7

    Pessoal, há algumas imagens que o Smush não consegue identificar, então postei mais um vídeo ensinando como ajustar as imagens que ele não pega: 👉ruclips.net/video/Qo77KN1ze1w/видео.html
    Assista também: 🚀 LiteSpeed Cache - Como OTIMIZAR SITE WORDPRESS com o Melhor Plugin Grátis - ruclips.net/video/uD6Fz6TP67Q/видео.html
    🚀 Imagens WebP WordPress: Disponibilize Imagens em Formato de Última Geração - ruclips.net/video/KKtYgwdtfNU/видео.html

  • @erikapatricya
    @erikapatricya 3 года назад +78

    Informação importante: o título das imagens devem remeter à marca ou ao site. Ajuda muito o SEO. Nada de por asdjaposdja.jpg ou certo1.png. Sugiro por exemplo nomedosite-banner.jpg

    • @DescomplicandoSites
      @DescomplicandoSites  3 года назад +9

      Verdade ensinei isso inclusive no vídeo de SEO

    • @florenciostourstravel3383
      @florenciostourstravel3383 3 года назад +5

      Já renomiando minhas imagens! Tava tudo errado! Gratidão!

    • @florenciostourstravel3383
      @florenciostourstravel3383 3 года назад +3

      @@DescomplicandoSites , preciso ver seus videos anteriores! :)

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

      Caramba obrigada pela a dica

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

      Só complementando o comentário da Érika: quando renomear as imagens, usem a palavra-chave ligada à imagem e finalizada com a dimensão da imagem, por exemplo: familia-sorrindo-1280x720px

  • @ingridqueiroz2293
    @ingridqueiroz2293 Месяц назад +4

    Para quem baixar o smush imagem mudou porém é do mesmo desenvolvedor (Por WPMU DEV ), e quer ativar detecção de redirecionamento da imagem. Depois que o plugin estiver ativo e estiver aparecendo na barra lateral esquerda você vai em configurações, depois geral e depois a primeira opção é a detecção de redimensionamento de imagem, clica em ativar e após isso é só salvar lá embaixo do lado direito (salvar alterações) e recarregar a página.

    • @empiretech1583
      @empiretech1583 15 дней назад

      Obrigado, eu tava tentando precisando fazer isso só não sabia como.🙏❤️

    • @viniciusmelo7007
      @viniciusmelo7007 9 часов назад

      salvou

  • @mabe13125
    @mabe13125 3 года назад +11

    Com shift +control+Alt+s, no Photoshop ele abre um menu com previews comparativos de como fica a imagem. Daí é possível escolher a maior/melhor redução da imagem pelo menu lateral

  • @tatianahenrique1743
    @tatianahenrique1743 Год назад +2

    Vou te falar, TODAS as duvidas que tenho, acho em algum video, nao existem palavras para agradecer..

  • @cacoaguiar
    @cacoaguiar 3 года назад +17

    Obrigado Micaela. Você gera valor infinito para as pessoas.

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

    Estou migrando do DG para WD e tenho achado bons professores, obrigado pela generosidade e trabalho e divulgar tanto conteúdo bacana.

  • @diegopereiradossantos2337
    @diegopereiradossantos2337 3 года назад +1

    Eu curto o video antes de assistir, só em voce já esta compartilhando seu conhecimento!

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

    Acabei de fazer ! Saí de Desempenho 40 para 96 com suas dicas!

  • @TheWeslleymds
    @TheWeslleymds 3 года назад +1

    Estou praticamente com uma loja pronta graças ao que aprendi com você aqui no canal.
    Nunca tinha feito um site na vida.
    Depois desse vou fazer outros.
    Gratidão Micaela.

    • @DescomplicandoSites
      @DescomplicandoSites  3 года назад +1

      que maravilhaaa fico muito feliz que meu conteudo tenha ajudado, desejo sucesso pra vc

    • @TheWeslleymds
      @TheWeslleymds 3 года назад +1

      @@DescomplicandoSites Eu quem agradeço. Pra você também.
      Muito obrigado 👏👏👏 😃

  • @kellycristinadossantos8731
    @kellycristinadossantos8731 3 года назад +1

    Melhor canal para aprender sobre os sites. Mulher inteligente demais. (E só esse vídeo já valeu um curso que comprei e não ensinavam isso)

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

    sem palavras, essa menina é 10

  • @natashaleite1744
    @natashaleite1744 3 месяца назад

    Você é muito inteligente. Muitíssimo obrigada pela aula🌼

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

    Obrigado Micaela, seus vídeos estão me ajudando muito!

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

    Você é demais. Seu conteúdo é muito bom e completo. Parabéns e muito obrigado por compartilhar seu conhecimento.

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

    Me ajudando muito e sempre ensinando de forma fácil de entender, parabéns

  • @TatianeSilva-qi1mt
    @TatianeSilva-qi1mt Год назад

    Você tem me ajudado bastante. O PageSpeed está me deixando louca! Muito obrigada por compartilhar o seu conhecimento.

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

    Nossa, suas aulas são sensacionais, você entende demais. Parabéns e muito obrigada pelos conteúdos, são informações que nos ajudam demais.

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

    Você é a melhor coisa que apareceu na minha vida! Te desejo muito sucesso! Que você receba em dobro tud que faz pela gente!

  • @davidsoares5054
    @davidsoares5054 3 года назад +4

    Estou aprendendo muito com seus vídeos! Muito didático, parabéns!

  • @ronykur2635
    @ronykur2635 3 года назад +1

    preciso abrir um site, foi muito útil. Arigato.

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

    OOOOOO não me canso de elogiar. Que video top parabens Micalea, é tão bom ver uma pessoa tão dedicada e com tanto comprometimento. Sou teu fã

  • @paracarolsantos
    @paracarolsantos 3 года назад +1

    Micaela! sempre salvando o rolê! gratidãooo!

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

    Achei bem difícil esse assunto, Micaela. Mas, vamos seguindo em frente, rss.

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

    Micaela, parabéns pelo seu trabalho, eu aprendo muito com você!

  • @marciadion
    @marciadion 3 года назад +3

    Ótimas dicas, Micaela!!! Estava procurando exatamente sobre esse assunto!!! Você é top!!!

  • @mylenadiovanna5244
    @mylenadiovanna5244 7 месяцев назад +3

    Olá, e quando o plugin Smush - Lazy Load Images, Optimize & Compress Images nâo esta mais disponivel como fazemos ?

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

    Olá Micaela, tudo bem? Muito Obrigado pela aula!!!

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

    Micaela seus videos são os melhores, tem me ajudado muito no ultimo ano

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

    Olá Micaela! Parabéns! Estou conhecendo seus vídeos e aprendendo muito.
    Obrigada.

  • @robsonerbst8400
    @robsonerbst8400 7 месяцев назад +1

    Gratidão Micaela, salvando a nossa vida nos b.o do Wordpress, como sempre.

  • @vanmiranda1806
    @vanmiranda1806 3 года назад +1

    Vc tem algum vídeo q ensine a fazer o primeiro site pra divulgar um produto?llink pra por no insta, face,e no whazap? Qual seria melhor fazer...

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

    Muito obrigado pelos seu conteudos Gratidão Deus abençoe sua vida

  • @shopmercadoslojas-online305
    @shopmercadoslojas-online305 3 года назад +1

    Excelente trabalho você tem realizado.

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

    Ótima dica de Otimização de site. Valewwwww :)

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

    17:10 Micaela, uma solução para a área de blog seria criar uma thumbnail do tamanho da imagem no widget Posts e selecionar o tamanho nesta configuração do Elementor.
    O Wordpress vai criar uma versão menor da imagem destacada do post e vc não precisa alterar o seu layout.
    No widget Posts vc seleciona a o formato ideal e no post vc usa tamanho completo.

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

      Estou apanhando e muito para fazer isso com a grade de produtos no Woocommerce.

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

    Micaela vc é show! Obrigada por tudo😍

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

    Se eu pudesse te daria meu bem mais precioso , meu cool , nunca usado 0 km, sério mesmo , melhor que muito conteúdo pago que já vi , vc entrega um conteúdo foda e ainda gratuito , eu baixo a maioria dos seus vídeos com medo de vc resolver apagar tudo e transformar em curso. Disparado o melhor conteúdo relacionado a sites que já vi .

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

    Bah, muito bom. Obrigado pelo vídeo, direto e prático.

  • @fernandinhofiuza
    @fernandinhofiuza 3 года назад +1

    Onde eu assino?? que aula parabéns moça... super recomendo.... Faltou um curso on line hein ? fica a dica

  • @pablojardeltec4236
    @pablojardeltec4236 3 года назад +1

    A partir deste vídeo, já vou sempre deixar meu like antes de ver o vídeo rsrs. Todos os vídeos da micaela são fod@s brother! PARABÉNS !!!!!!!!

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

    parabens pelo canal desejo sucesso
    tenho um site que uma pessoa fez pra minha empresa e uso o wordpress para alteração
    mas é muito complicado eu consigo usar o elementor para alterar esse site que eu usava
    o wordpress? obrigado

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

    Att: galera é possível redimensionar imagens pelo próprio app nativo de fotos do Windows 11. Inclusive definir o formatado da imagem e a qualidade (baixa, média e alta)

  • @VitorHugo-zf2wt
    @VitorHugo-zf2wt 2 года назад +1

    Qual é o editor de imagem que vc usa na aula?

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

    Fenomenal seu conhecimento. Parabéns
    Vc tem algum conteúdo dos principais plugins pra usar no wordpress, pra deixar o site bem otimizado para abrir mais rápido?

  • @fruto9digital423
    @fruto9digital423 3 года назад +1

    Tudo bem Micaela curto demais seus vídeos preciso de uma ajuda se puder. mano como fazer uma navegação de pagina no elementor por exemplo: quero na mesma pagina colocar aquela barra que tem próximo e anterior ou a numeração 1.2.3.4.5.6 e ai vai navegando nas paginas, dentro da mesma página

  • @Marcelo_kbc
    @Marcelo_kbc 3 года назад +1

    Obrigado.

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

    Seu conteúdo é muito top, parabéns

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

    Você é incrível...
    Obrigado

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

    bom dia! eu posso fazer isso antes de transferir para hospedagem do cliente ou eu faço este processo depois de estar na nova hospedagem?

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

    Ótimo video, este tamanho é para qualquer lugar no site? Eu uso em posts e slides.

  • @gibra95
    @gibra95 3 года назад +1

    Olá o seu conteúdo é excelente. Me tira uma dúvida, qual é esse plug-in que você fala sobre o cache?

  • @FernandoOliveira-cx2er
    @FernandoOliveira-cx2er 3 года назад +2

    Muito obrigado 😸 tava precisando otimizar msm

  • @1001nigri
    @1001nigri 2 года назад

    Opa, muito top , mais me fala, como fazer imagem de produtos no woocomerce aparecer no link de compartilhamento quando compartilhamos o link do mesmo?
    Já quebrei a cabeça e não consegui

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

    Obrigada pelas dicas e informações!

  • @marpolo11
    @marpolo11 3 года назад +1

    Seus videos são incríveis, me ajudou muito? já estou na lista de espera para o treinamento elementor pro obrigado!

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

    Muito bom! Me ajudou demais

  • @victorpeixotodesenvolvedor9034
    @victorpeixotodesenvolvedor9034 3 года назад +1

    Obrigado pelo vídeo! 👏🏾

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

    Sensacional teacher!! 🙏🏼

  • @edersecco
    @edersecco 3 года назад +3

    Parabéns, seus conteúdos são ótimos! Estou buscando informações para uma área restrita onde os pacientes cadastrados podem baixar seus exames em PDF. Vc tem algum conteúdo nesse sentido?

  • @rosileneoliveira11
    @rosileneoliveira11 3 года назад +1

    Eu tinha essa dúvida, me ajudou demais!

  • @ExcellenceTreinamentos
    @ExcellenceTreinamentos 8 месяцев назад

    As minhas imagens eu edito no Canva fica muito bom.

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

    oie... existe outro plugin desse de medir? fui fazer aqui mas acredito nao estar disponivel mais, nao achei o smush

  • @TatianeNicolau-p4s
    @TatianeNicolau-p4s Год назад

    Me ajudou demais. Obrigado!

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

    maravilhoso!!!! MUITO obrigada!

  • @emidiojosegomes
    @emidiojosegomes 3 года назад +4

    Boa noite,
    Gostaria de tirar uma dúvida, antes de sentar para criar um site você faz um esboço dele para poder escolher as cores, imagens, fontes, etc? Se faz esse esboço existe algum padrão ?

    • @DescomplicandoSites
      @DescomplicandoSites  3 года назад +1

      Olá td bem ? Esboço eu não faço crio direto no Elementor o que eu faço antes é um brienfing é no brienfing que defino essas coisas, tem vídeo sobre isso aqui no canal

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

    Muito bom. Sempre nos ajudando

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

    show ajudou demaaais

  • @anazuleima74
    @anazuleima74 8 месяцев назад +1

    Me ajuda a entender o que estaria acontencendo que no me caso o pluging so carrega a imagem do cabecalho... o logo só... e nao mostra o resto das fotos do site. Agradezco

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

    Ótimo conteúdo.
    Você está de parabéns.

  • @lercomentariosemuitobom1051
    @lercomentariosemuitobom1051 3 года назад +1

    Valeu, esse vídeo ajudou muito!
    Já deixei o like. 👍

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

    Excelente, parabéns!!

  • @orionxsantos3346
    @orionxsantos3346 3 года назад +1

    ola bom qual seria o tamanho ideal para mobile pois estou travado no site dropeshipping justamente porque nao sei qual seria a resolujção ideal para mobile, o que estou fazendo ta ficando ruim por isso estou procurando saber, se puder me ajudar agradeço

  • @jackdicas5775
    @jackdicas5775 3 года назад +1

    Como faço pra deixar as imagens do meu site no formato webp? Existe um plugin pra isso? Pra transformar png, jpeg em webp!

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

    Sempre muito bons vídeos. Obrigada!

  • @rodrigogomes1620
    @rodrigogomes1620 3 года назад +1

    Muito bacana esta dica hein? obrigado!

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

    Ao colocar uma imagem em meu blog ou site que venha do freepik eu preciso colocar na legenda que ela pertence à freepik? Com deve ser nossa legenda na foto?

  • @criartsdigital8538
    @criartsdigital8538 3 года назад +1

    Ótimas dicas 👏👏👏👏

  • @Gugatuba-wb3om
    @Gugatuba-wb3om 3 года назад +1

    Oi Micaela tudo bem? Como faço pras fotos ficarem nítidas tirando da página que eu baixo do Aliexpress? As imagens são de boa qualidade no site deles, mas quando eu passo pro photoshop pra limpar os textos em inglês, quando eu coloco no meu site, elas ficam com uma qualidade horrível. Vc poderia me ajudar? Desde já agradeço e parabéns pelo seu canal. É maravilhoso!!!

  • @storagenerd
    @storagenerd 3 года назад +1

    qual o video da area de assinatura eu nao achei!

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

    Obrigado pelo tutorial

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

    Dá pra redimensionar pelo Canva tbm?

  • @cwmtec
    @cwmtec 3 года назад +1

    Boa tarde! Prezada! Estou com um problema em meu site wordpress que acabei de configurar que é o recaptcha que ja vem embutido quando se tenta registrar em meu site e abre uma janelinha e eu preencho novo usuário e da a mensagem recaptcha inválido e já tentei tirar o código fonte mas ainda continua dando erro de recaptcha inválido. Você consegue me ajudar nisso?? Creio que sim e se for afirmativo, preciso de uma certa urgência na solução deste problema. Estarei no aguardo de respostas. Obrigado.

  • @andersoncabral4554
    @andersoncabral4554 3 года назад +1

    Muito bom....👏🏻

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

    Amore, boa tarde, tudo bem? Esse vídeo também serve para eu fazer upload de logo? Eu criei uma logo para o meu site, mas não consigo subir de jeito nenhum

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

    olÁ tenho uma duvida ? eu consigo deixa um tamanho no desck e outro no cel ?

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

    olá Micaela, como vai,posso perguntar: tenho um site de dropi nacional,quero fazer umas mudanças no banner principal,mas meu site e Wordpress,com editor UX BILDER,ruim de lidar,nao estou encontrando tutorial ensinando a trocar banner,se eu instalar o plugin do Elementor,ficará melhor para trabalhar.

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

    OIII BOA NOITE,ACABEI DE CONHECER SEU TRABALHO PARABENS MUITO BEM EXPLICADO EU QUERIA PEDIR PARA VC FAZER UM VIDEO ENSINANDO COMO AJUSTAR AS IMAGENS DO SITE OU BLOG EU TENHO UM BLOG PELA HOSTINGER, E A IMAGEM DO MEU BLOG TA HORRIVEL TA UMA IMAGEM POR CIMA DA OUTRA TA ESTRANHO SOLICITEI AJUDA DELES Q SE NEGAM EM AJUDAR EU QUERO APRENDER COMO FAÇO PARA CONSEGUIR CONSERTAR A IMAGEM DO MEU BLOG,DESCULPA IMPORTUNAR OBRIGADO PELAS DICAS BOA NOITE

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

    Eu fiquei com uma dúvida em relação a alteração da resolução com auxílio do smush... Até que ponto devo seguir o que ele indica? Porque percebi que muitas imagens, quando reduzimos a dimensão para a que o smush indica, a qualidade da imagem visível no site cai bastante... Tem um limite pra reduzir? Se eu só comprimir a imagem usando outras ferramentas, ainda preciso mudar a dimensão?

  • @shoppingdocafe
    @shoppingdocafe 3 года назад +1

    Shooowwww

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

    Micaela, seria interessante converter a imagem em WEBP antes de subir pro site?
    Porque vai cair um pouco mais o peso da img

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

      Tem um plugin chamado "webexpres" que resolve isso. A Micaela ensina a usar no canal.

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

    Muiiiiiiiiito bom!

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

    Obrigado!

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

    Ô Tiiiaaaa .... gostei, você realmente ensina ... tem um cabeçudo RUclipsr que diz "bla´blá blá e isso vamos ver no meu curso". Parabéns. Pergunta de um orelhudo: você mostrou photopsho iloveimg tinypng .. e terminou com Smush .. o Smush não seria uma solução para todos os anteriores? ele não reduz também? Não me chama de burro. ehehehe

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

    Video excelente, porém eu limpei o cacha na hostinger e não mudou em nada o tamanho da imagem na edição do lado direito.

  • @cleidianaamorim.oficial
    @cleidianaamorim.oficial 2 года назад

    Que aulão 👏🏼👏🏼👏🏼

  • @ZenDeskMelodies
    @ZenDeskMelodies 3 года назад +1

    Estou com um problema que está me tirando sono.
    Se eu adicionar algumas imagens de um vestido (por exemplo, umas 9) 3 imagens representando cada cor, ao visualizar o produto, fica ocorrendo uma poluição visual muito grande na pagina, pois as imagens ficam todas juntas. Tem algum plugin para organizar isso? Por ex: Ao selecionar a cor Amarelo, irá aparecer apenas as 3 imagens do produto que são amarelas, e ao clicar no azul, apenas as 3 imagens correspondentes ao azul?
    Desde já agradeço.

  • @7chjunior
    @7chjunior 2 года назад

    Conteúdo TOP!

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

    Como resetar a configuração e fazer novamente?

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

    Muito interessante... mas fui fazer aqui... e as imagens reduzem... porem baixam a qualidade... o que vc recomenda...
    nas imagens com detalhes pequenos, rostos de pessoas... fica sem qualidade.
    vou refazer e colocar as imagens novamente... mesmo que o tamanho diz estar errado... fica com mais qualidade... ja baixei o tanhanho em bytes mesmo...