Tamanho Correto das IMAGENS p/ Sites WordPress Elementor | Corrija Agora Mesmo

nesse vídeo eu vou te mostrar como saber qual o tamanho correto das imagens para você utilizar no seu site em WordPress e elementor e também vou te ensinar a como dimensionar as imagens de uma forma bem simples fala pessoal tudo bem Rodrigo aqui do canal aprendendo sites seja muito bem-vindo para mais um vídeo e antes de mais nada eu peço que você não esqueça de deixar o like no vídeo e de se inscrever no canal caso você tenha interesse em aprender tudo sobre WordPress sobre elemento e sobre criação de sites beleza vamos lá então beleza

pessoal vamos lá então olha só eu estou com três projetos abertos aqui no meu navegador esses três projetos eu fiz utilizando o WordPress e o elementor Então eu tenho essa página de vendas aqui eu tenho esse blog E eu tenho essa loja virtual tá inclusive se você quiser aprender a como criar esses três projetos aí os links vão estar na descrição do vídeo mas sem Muita enrolação vamos usar o que realmente importa aqui Então como que você faz para saber se as imagens aí que você tá utilizando no seu site estão no tamanho correto né

Então nesse vídeo eu vou dar um guia completo para você nunca mais errar aí no tamanho das imagens tá antes de mais nada você vai acessar aí o seu painel do WordPress igual eu vou fazer aqui você vai vir aqui em plugins adicionar plugin e você vai adicionar esse plugin aqui ó Smash você vai pesquisar aí por Smash ó e daí você vai fazer a instalação e ativação desse plugin aqui E esse plugin basicamente ele é um dos plugins mais conhecidos aí do WordPress mais usados para otimizar as imagens então basicamente ele comprime o tamanho

das imagens ele adia o carregamento da imagem né O que faz com que o site tenha uma um desempenho aí melhor mas ele tem uma função bem legal que a gente vai utilizar para essa aula em específico aqui ó eu vou ativar vou vir aqui nos plugins instalados ó tá ele aqui tá Porém você vai vir aqui no Word ó no painelzinho aqui esquerdo e você vai acessar essa opção aqui de configurações aí você vai ativar essa opção aqui ó detectar e mostrar imagens de tamanho incorreto e você vai salvar as mudanças tá nesse primeiro

momento nessa aula eu vou mostrar só essa função tá porém se você quiser uma aula mais avançada sobre esse plugin aqui eu posso estar fazendo depois beleza mas o foco dessa aula é mostrar o tamanho correto das imagens beleza ó vou salvar as mudanças aqui agora vou voltar aqui na minha página de vendas e Ó você pode ver que apareceu essa informação aqui ó nesse caso aqui quando eu clico aparece que todas as imagens estão dimensionadas corretamente nessa minha página de vendas porém eu instalei esse mesmo plugin nesse outro site aqui né nesse blog e

ó vou clicar nele aqui e aqui vocês podem ver que tem várias imagens que não estão no tamanho correto tá então já vou mostrar na prática Como que você faz essa essa correção aqui de uma maneira bem simples beleza e olha só eu separei aqui também no meu bloco de notas aqui no meus documentos aliás esse arquivo aqui ó que eu coloco mais ou menos o tamanho correto das imagens aí que eu utilizo em todos os meus sites e que sempre dá certo para mim tá então aqui ó logotipo sempre 180 pixels tá no caso

aqui 180 pixels de largura tá que seria o tamanho ideal aqui para esse logotipo ó então ele teria aqui 180 pixels largura decaro que a altura vai variar muito tá esse outro aqui também ó em torno de 180 piels de largura aqui eu separei também banner de fundo para desktop ó posso vir aqui na minha página de vendas Deixa eu só abrir ela aqui com elementor para mim conseguir explicar melhor para você tá ó Beleza vou clicar aqui nesse contêiner vou vir aqui estilo aqui tá meu plano de fundo ó eu utilizei essa imagem aqui

então e ela tá nesse tamanho ó 1920 pixels por 1080 pixels Então esse aqui é um tamanho ideal para você sempre tá utilizando aí nos planos de fundo das suas páginas ou enfim do seu site né claro que no celular Isso muda um pouco ó eu vou vir aqui pro celular ó no celular fica uma visualização diferente então não precisa ter esse tamanho tão grande né no celular o ideal seria uns 1080 pixels de largura e da Claro que a altura vai variar conforme a altura aqui enfim dessa sessão desse contêiner aí no celular aqui

eu coloquei também capa para vídeo em torno de 800 pixels Lembrando que esses valores aqui é só a largura que eu estou colocando tá já vou ensinar para você também como dimensiona aí corretamente as imagens ó então aqui ó essa capa para vídeo ó 800 pixels né E daí de altura aqui daria uns 450 mais ou menos mas pode mudar aí dependendo de como você colocar o seu vídeo aqui ó imagens ao longo do site de 300 pixels até 900 pixels Então vai variar muito dependendo do tamanho das imagens né Ó vou pegar essa aqui

essa aqui por exemplo ó tá 500 pixels por 695 pixels pode ver que ela é uma imagem que na horizontal aqui ela é menor e na vertical Ela é maior aí por exemplo Ah se você vai usar uma imagem que seja quadrada o ideal seria aí uns 500 por 500 700 por 700 mas não passar muito disso beleza ou uma imagem mais maiorzinha talvez que viesse mais aqui assim ó aí uns 900 por 900 enfim algo nesse sentido tá aqui vou voltar mais embaixo Aqui também tem esses depoimento zinhos ó que aqui no caso seria

imagens de pessoas né tamanho para essas fotos de perfil Seria algo entre 70 pixels até 150 no caso como elas são quadradas né aqui ó ela é quadrada aqui eu coloquei 70 por 70 mas poderia ser por exemplo a 100 por 100 150 por 150 se for um pouquinho maior tá essa aqui também ó seguindo a mesma lógica da outra lá ó 500 por 760 piels tá bom E são essas as imagens que eu tenho aqui coloquei também aqui ó produtos do ecommerce então em torno de pixels tá que seria esses produtos aqui ó vou

clicar aqui ó no caso abriu aqui a foto desse celular então 1000 por 1000 seria um tamanho ideal aqui pra pessoa enfim clicar na lupinha e a imagem Abrir grande e tal beleza e aqui coloquei também imagem de blog 800 pixels aí de largura também né então no caso Deixa eu só fechar aqui vou vir aqui ó vou abrir uma postagem aqui do blog Ó o tamanho ideal para essa imagem então é algo aí em torno de 80000 pixels de largura até 900 1000 Aí dependendo do seu projeto Tá mas fica algo nesse sentido beleza

bom então essa tabelinha aqui você pode estar Salvando Aí enfim se ajudar para você né para você não se perder mais nos seus projetos Tá mas agora eu vou explicar na prática Como que você faz para dimensionar as imagens ó se eu clicar aqui pode ver que o logotipo ele deu uma piscada ó ó então eu teria que dimensionar né o tamanho desse logotipo ó ele tá em 327 por 95 pixels e o tamanho correto seria 180 por 52 Como que eu faço isso então eu vou vir aqui em editar com elementor e eu vou

editar aqui o Raider né vou abrir aqui o editor do elementor E você também abre aí o seu editor do elementor Ó daí você clica na imagem que você quer dimensionar vem aqui ó resolução da imagem personalizado ó aqui eu já tinha colocado antes ó 180 de largura por 52 de altura vou aplicar aqui será que foi bom vamos atualizar aqui Vamos abrir numa nova guia ó agora sim deu certo tá deixa eu abrir a página inicial aqui aqui ó ó pode ver que não aparece mais a imagem ali que eu dimensione só aparece as

outras imagens ó que são essas imagens aqui ó Então pode ver que aqui eu tô utilizando uma resolução muito grande ó 1380 por 920 pixels então não tem necessidade de sei se tamanho aqui o ideal seria 360 por 240 E aí é só você tá seguindo Então essa mesma lógica né abrindo aí no elementor e editando as imagens aqui conforme as instruções desse plugin tudo isso de uma forma simples beleza aqui no canal também tem vários outros tutoriais aí que pode estar ajudando você no seu dia a dia aí sobre WordPress elementor e criação de

sites beleza nosso vídeo de hoje era isso valeu e até a [Música] próxima e