Quais são as dimensões das imagens dentro da leadlovers

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?

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!

Atualizado