> ## Documentation Index
> Fetch the complete documentation index at: https://docs.pombo.digital/llms.txt
> Use this file to discover all available pages before exploring further.
# Colocar uma imagem no e-mail
> Como adicionar o logotipo ou outra imagem no corpo de uma notificação por e-mail ou de um modelo, colando um trecho de código em Inserir HTML.
O corpo de um e-mail pode levar o logotipo da sua organização, ou qualquer outra imagem. Não é
preciso saber programar: você cola um trecho curto de código e troca um link.
Funciona do mesmo jeito no **e-mail livre** e em um **modelo de e-mail**. Se a imagem vai em mais
de um envio, coloque-a em um [modelo](/modelos/criar-modelo) e ela já vem pronta nas próximas
notificações.
## Passo a passo
O e-mail não carrega o arquivo: ele busca a imagem em um endereço na internet toda vez que
alguém abre a mensagem. Por isso ela precisa estar hospedada em algum lugar, de preferência no
site da sua organização. Se não tiver onde, serviços gratuitos como o
[PostImages](https://postimages.org) resolvem.
Use uma imagem em **PNG** e copie o **link direto** dela, aquele que termina em `.png`. Para
conferir, cole o link em uma nova aba do navegador: deve aparecer só a imagem, sem nada em
volta.
No editor da mensagem, clique em **Inserir HTML** e cole:
```html theme={null}
```
Troque `URL_DA_SUA_IMAGEM` pelo link da sua imagem, mantendo as aspas. A pré-visualização ao
lado já mostra o resultado.
Digite o restante da mensagem normalmente. Em um modelo, **Criar Modelo**; em uma notificação,
**Enviar notificação**.
Cole o código em **Inserir HTML**, não direto no campo da mensagem. Marcação digitada ali é
descartada, e a imagem não aparece.
## Ajustar o tamanho
O número em `width` é a largura da imagem, em pixels. A altura se ajusta sozinha. Um logotipo
costuma ficar bem entre `120` e `200`; não passe de `600`, ou a imagem pode ser cortada.
## Algo deu errado?
| O que você vê | O que fazer |
| ---------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Um ícone quebrado ou um espaço vazio | Confira se o link é o link direto e se a imagem está em PNG |
| A imagem gigante ou cortada | Reduza o `width` |
| As tags aparecem como texto ou somem ao salvar | Apague e cole de novo, desta vez em **Inserir HTML** |
| A imagem parou de aparecer | O arquivo saiu de onde estava hospedado. Publique de novo e [crie um modelo novo](/modelos/criar-modelo) com o link atualizado, já que modelos não podem ser editados |
Enviar uma notificação por e-mail sem modelo.
Fazer isso uma vez e reaproveitar.