# 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?**](#o-que-e)
* [**Projeto**](#maquina)
* [**Imagens do Editor Avançado de E-mails**](#editor-avancado)
* [**Produto EAD – Nova Área**](#area-nova)
* [Chatbot](#chatbot)
* [Exemplos dos locais onde as imagens são exibidas](#exemplos-area-antiga)

### **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 dos **projetos**, **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**.

### **Projeto**

#### **Configurações**

Na opção **“Configurações”** do projeto, dentro do menu **“Configurações Básicas”**,\
é possível alterar duas imagens:

**Imagem ou Logo do Projeto:** As suas dimensões ideais são: **236 x 121 px.**

**Imagem de Favicon do Projeto:** As suas dimensões ideais são: **144 x 144 px**.

![img01\_-\_maquina.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5063063548429/img01_-_maquina.png)

#### **Exemplos dos locais onde as imagens são exibidas:**

**Imagem ou Logo do Projeto:**

![img02\_-\_maquina.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5063056951437/img02_-_maquina.png)

**Imagem de Favicon do Projeto:**

![img03\_-\_maquina.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5063048915853/img03_-_maquina.png)

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

![img01_-_e-mail.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5062981772173/img01_-_e-mail.png)

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

![img02_-_e-mail.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5062981796493/img02_-_e-mail.png)

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

![img03_-_e-mail.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5062981797517/img03_-_e-mail.png)

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

![img04_-_e-mail.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5063104288397/img04_-_e-mail.png)

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

![img05_-_e-mail.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5063099548813/img05_-_e-mail.png)

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

![img06_-_e-mail.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5062981744781/img06_-_e-mail.png)

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

![img07_-_e-mail.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5062981746061/img07_-_e-mail.png)

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

![img08\_-\_e-mail.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5062981771021/img08_-_e-mail.png)

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

![img01_-_chatbot.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5063123302797/img01_-_chatbot.png)

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

![img01_-_eadnovo.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5063132992909/img01_-_eadnovo.png)

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

![img02\_-\_eadnovo.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5063116309261/img02_-_eadnovo.png)

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

![img03\_-\_eadnovo.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5063133149709/img03_-_eadnovo.png)

#### **Exemplos dos locais onde as imagens são exibidas:**

**Imagem do Preview:**

![img04\_-\_eadnovo.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5063111049741/img04_-_eadnovo.png)

**Marca:**

![img05\_-\_eadnovo.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5063125065485/img05_-_eadnovo.png)

![img06\_-\_eadnovo.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5063133367437/img06_-_eadnovo.png)

![img07\_-\_eadnovo.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5062983223949/img07_-_eadnovo.png)

**Ícone (favicon):**

![img08\_-\_eadnovo.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5063111287565/img08_-_eadnovo.png)

**Imagem do Curso:**

![img09\_-\_eadnovo.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5062983150733/img09_-_eadnovo.png)

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

![img01_-_eadantigo.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5063174185485/img01_-_eadantigo.png)

#### **Treinamentos**

Dentro da aba **“Treinamentos”**, é possível alterar uma imagem:

**Imagem do treinamento:**\
As dimensões ideais são: **250 x 250 px**.

![img02\_-\_eadantigo.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5063174310413/img02_-_eadantigo.png)

#### **Exemplos dos locais onde as imagens são exibidas:**

**Logo da interface:**

![img03\_-\_eadantigo.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5063174310669/img03_-_eadantigo.png)

![img04\_-\_eadantigo.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5063174423821/img04_-_eadantigo.png)

![img05\_-\_eadantigo.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5062984519821/img05_-_eadantigo.png)

**Ícone da aba no browser (favicon):**

![img06\_-\_eadantigo.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5063174094861/img06_-_eadantigo.png)

**Imagem de SEO (prévia):**

![img07\_-\_eadantigo.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5063158050573/img07_-_eadantigo.png)

**Imagem do treinamento:**

![img08\_-\_eadantigo.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5063158173837/img08_-_eadantigo.png)

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

![img01\_-\_inspecionar.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5062985237645/img01_-_inspecionar.png)

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

![img03\_-\_inspecionar.png](https://leadloverssupport.zendesk.com/hc/article_attachments/5063161855245/img03_-_inspecionar.png)

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