Objetivo: informar as dimensões ideais para inserir as imagens na leadlovers.
Para que serve: sabendo as dimensões corretas, é possível inserir imagens de modo que não fiquem desproporcionais e com tamanhos que desfavoreçam a visualização de seu conteúdo.
Este artigo abrange os seguintes tópicos:
- O que são as dimensões de uma imagem?
- Imagens da Máquina
- Imagens do Editor Avançado de E-mails
- Imagens do Chatbot
- Imagens do Produto EAD – Nova Área
- Imagens do Produto EAD – Área Antiga
- Como posso descobrir as dimensões de uma imagem na página?
O que são as dimensões de uma imagem?
As dimensões de uma imagem dizem respeito à sua largura e altura e não ao tamanho do arquivo – que, no caso das páginas, nós recomendamos que seja menor que 1MB para que não pese durante o seu carregamento. Sabendo as dimensões corretas, é possível criar as imagens de modo que não fiquem distorcidas e se encaixem corretamente nos campos desejados.
Neste tutorial, traremos um guia com as dimensões em pixels das imagens que ficam dentro das máquinas, e-mails, Chatbot, produtos EAD e tambémn como descobrir as dimensões de imagens em uma página da leadlovers.
Observação: as dimensões são sempre apresentadas na ordem largura x altura.
Máquina
Configurações
Na aba “Configurações” da máquina, dentro do menu “Configurações Básicas”,
é possível alterar duas imagens:
Imagem ou Logo da Máquina: As suas dimensões ideais são: 236 x 121 px.
Imagem de Favicon da Máquina: As suas dimensões ideais são: 144 x 144 px.
Exemplos dos locais onde as imagens são exibidas:
Imagem ou Logo da Máquina:
Imagem de Favicon da Máquina:
Editor Avançado de E-mails
No Editor Avançado de e-mails, há alguns modelos disponíveis para escolher no momento da criação de sua copy. Abaixo listamos as dimensões das imagens disponíveis em cada um deles.
Modelo Simples
Imagem 1: As suas dimensões ideais são: 480 x 268 px.
Ícones redes sociais: As suas dimensões ideais são: 32 x 32 px.
Modelo Padrão
Imagem 1: As suas dimensões ideais são: 250 x 65 px.
Imagem 2: As suas dimensões ideais são: 480 x 268 px.
Imagem 3: As suas dimensões ideais são: 240 x 280 px.
Ícones redes sociais: As suas dimensões ideais são: 32 x 32 px.
Modelo Newsletter
Imagem 1: As suas dimensões ideais são: 250 x 65 px.
Imagem 2: As suas dimensões ideais são: 480 x 268 px.
Imagens 3, 4 e 5: As suas dimensões ideais são: 180 x 180 px.
Ícones redes sociais: As suas dimensões ideais são: 32 x 32 px.
Modelo E-commerce
Imagem 1: As suas dimensões ideais são: 250 x 65 px.
Imagem 2: As suas dimensões ideais são: 480 x 268 px.
Imagens 3, 4, 5 e 6: As suas dimensões ideais são: 180 x 180 px.
Ícones redes sociais: As suas dimensões ideais são: 32 x 32 px.
Modelo Avançado
Imagem 1: As suas dimensões ideais são: 191 x 60 px.
Imagem 2: As suas dimensões ideais são: 402 x 274 px.
Ícones redes sociais: As suas dimensões ideais são: 32 x 32 px.
Modelo Promoção
Imagem 1: As suas dimensões ideais são: 191 x 60 px.
Imagem 2: As suas dimensões ideais são: 402 x 274 px.
Imagem 3: As suas dimensões ideais são: 198 x 331 px.
Ícones redes sociais: As suas dimensões ideais são: 32 x 32 px.
Modelo Newsletter Avançada
Imagem 1: As suas dimensões ideais são: 191 x 60 px.
Imagem 2: As suas dimensões ideais são: 402 x 274 px.
Imagem 3, 4 e 5: As suas dimensões ideais são: 130 x 130 px.
Ícones redes sociais: As suas dimensões ideais são: 32 x 32 px.
Modelo E-commerce Avançado
Imagem 1: As suas dimensões ideais são: 191 x 60 px.
Imagem 2: As suas dimensões ideais são: 402 x 274 px.
Imagem 3, 4, 5 e 6: As suas dimensões ideais são: 130 x 130 px.
Ícones redes sociais: As suas dimensões ideais são: 32 x 32 px.
Chatbot
Durante a criação do Chatbot, é possível criar uma mensagem que contenha uma imagem. Abaixo informamos quais são as dimensões recomendadas para ela:
Imagem: As suas dimensões ideais são: 244 x 146 px.
Produto EAD – Nova Área
Configurações Básicas
No seu produto EAD, dentro das “Configurações básicas”, na aba “Configurações” é possível alterar:
Imagem do preview:
As dimensões ideais são: 1200 x 627 px.
Observação: essas são as dimensões ideais para a prévia da imagem no Facebook e em demais redes sociais. No WhatsApp, a imagem de prévia sempre é compartilhada como quadrada, então, se esse for o seu maior meio de divulgação, recomendamos que utilize as dimensões: 1200 x 1200 px.
Personalização
Logo abaixo, no menu “Personalização”, é possível alterar duas imagens:
Marca: As dimensões ideais são: 180 x 45 px.
Ícone (favicon):
As dimensões ideais são: 128 x 128 px.
Cursos
Ao acessar a aba “Cursos”, na opção “Editar” é possível alterar uma imagem:
Imagem do Curso: As dimensões ideais são: 256 x 183 px.
Exemplos dos locais onde as imagens são exibidas:
Imagem do Preview:
Marca:
Ícone (favicon):
Imagem do Curso:
Produto EAD – Área Antiga
Configurações Básicas
Logo da interface: As dimensões ideais são: 104 x 26px.
Ícone da aba no browser (favicon):
As dimensões ideais são: 128 x 128 px.
Imagem de SEO (prévia):
As dimensões ideais são: 1200 x 627 px.
Observação: essas são as dimensões ideais para a prévia da imagem no Facebook e em demais redes sociais. No WhatsApp, a imagem de prévia sempre é compartilhada como quadrada, então, se esse for o seu maior meio de divulgação, recomendamos que utilize as dimensões: 1200 x 1200 px.
Treinamentos
Dentro da aba “Treinamentos”, é possível alterar uma imagem:
Imagem do treinamento:
As dimensões ideais são: 250 x 250 px.
Exemplos dos locais onde as imagens são exibidas:
Logo da interface:
Ícone da aba no browser (favicon):
Imagem de SEO (prévia):
Imagem do treinamento:
Como posso descobrir as dimensões de uma imagem na página?
Nº1– Clique com o botão direito do mouse em qualquer lugar da página e vá até a opção “Inspecionar”.
Nº2– Se essa for a primeira vez que estiver fazendo esse procedimento, é provável que abra uma janela na lateral direita da página. Nós recomendamos que mude a visualização dela para baixo da tela ou em uma janela separada, pois dessa forma será melhor caso queira inspecionar imagens maiores.
Para alterar o local de visualização, basta clicar nos três pontinhos e escolher uma das duas opções indicadas na imagem abaixo.
Nº3– Agora clique no ícone do cursor 
, que fica no canto esquerdo da tela de inspecionamento.
Nº4– Passe o mouse sobre a imagem que deseja saber as dimensões (não é necessário clicar, apenas arrastar o cursor sobre). Assim que somente ela ficar selecionada, mantenha o cursor parado.
Nº5– Verifique o balão que abrir em cima ou embaixo da imagem. Nele estarão disponíveis as dimensões na ordem largura x altura, conforme o print abaixo.
Prontinho! Agora basta criar a sua imagem de acordo com as dimensões propostas e substituir na sua página.
Suporte
Se surgir qualquer dúvida ou situação, ou se precisar de qualquer ajuda durante
este procedimento, por favor,
entre em contato com o nosso suporte!
🏁 É isso, terminamos por aqui!
com
amor ❤
equipe leadlovers™
No comment yet, add your voice below!