# 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)
* [**Máquina**](#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 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**!
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://central.ajudaleadlovers.com/paginas/construtores-leadlovers/construtor-de-paginas/quais-sao-as-dimensoes-das-imagens-dentro-da-leadlovers.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.