Gerador de assinatura de e-mail
Preencha seus dados e copie uma assinatura feita com tabelas HTML e estilos inline. Lá dentro parece 1999, mas é a única marcação com que todos os programas de e-mail concordam. A prévia se atualiza enquanto você digita e nada é enviado.
Nada é enviado. O seu rascunho fica salvo só neste navegador, e o logo é buscado na URL dele apenas para desenhar a prévia.
Sua assinatura
ExemploÉ assim que ela vai aparecer abaixo das suas mensagens. Ela é redesenhada enquanto você digita.
Ver o código-fonte HTML
Adicione ao seu programa de e-mail
Clique em “Copiar a assinatura” e depois cole (Ctrl+V ou ⌘V) no lugar indicado para o seu programa.
Gmail in a browser
- Open the gear menu and choose See all settings.
- Stay on the General tab and go down to Signature. Press Create new and give it a name.
- Paste into the editing box, then select the signature under For new emails use and On reply/forward use.
- Press Save changes at the very bottom of the page.
The Gmail phone app has its own plain-text mobile signature. Keep that one empty and the app uses this signature.
Outlook on the web and the new Outlook for Windows
- Open the gear, then Account and Signatures.
- Press + New signature, type a name and paste into the box.
- Set it as the default for new messages and for replies, then press Save.
Classic Outlook for Windows
- Go to File, Options, Mail, then Signatures…
- Press New, type a name and paste into the large editing box.
- Pick it in the New messages and Replies/forwards lists, then press OK.
Logo too big? Right-click it in the editor, open Size and Position and type the width you chose on this page.
Apple Mail on a Mac
- Open Mail, Settings, then the Signatures tab.
- Select the account, press + and type a name.
- Clear the Always match my default message font box, then paste into the right-hand pane.
The settings window may draw a question mark where the logo goes. That is expected. The logo shows in the messages you send.
iPhone and iPad
- Open this page on the device itself, fill in the fields and tap Copy the signature.
- Go to Settings, Apps, Mail, Signature (on older iOS versions: Settings, Mail) and paste.
iOS keeps only some of the formatting, so the Compact template survives best. If the pasted result loses its formatting, shake the device and tap Undo to get the formatted version back.
Por que as assinaturas se desmancham
Uma página da web é exibida por um navegador que segue os padrões atuais. Um e-mail é exibido pelo que o destinatário estiver usando, e esses programas não concordam em quase nada. O Outlook clássico para Windows monta as mensagens com o motor do Microsoft Word. O Gmail remove as folhas de estilo do conteúdo que considera inseguro. O pequeno editor onde você cola a assinatura tira ainda mais coisa.
O que sobrevive em todo lugar é uma lista curta: <table> para o layout, atributos style escritos em cada elemento, links simples e imagens com width e height explícitos. Este gerador se atém a essa lista. O texto tem 14 pixels, em uma fonte que todo aparelho já tem (Arial, Verdana ou Georgia), a tabela leva role="presentation" para que os leitores de tela não a anunciem como dados, e o bloco inteiro tem no máximo 600 pixels de largura.
O que cada campo vira
- Números de telefone
- Um link
tel:, para que um toque no celular inicie a ligação. Um número de 10 dígitos é considerado norte-americano e recebe+1. Para qualquer outro país, digite o número com+e o código do país, como em+44 20 7946 0958. Um ramal digitado comoext. 204oux204é acrescentado depois de uma pausa:tel:+14155550123,204. Um número com menos de sete dígitos fica de fora. - E-mail e site
- Um link
mailto:se o endereço tiver o formatoname@domain.tld. O site ganhahttps://no link e é exibido sem ele e semwww. - Perfis em redes sociais
- Links de texto com o nome do serviço encontrado na URL: Facebook, Instagram, LinkedIn, YouTube, X, Bluesky, GitHub e uns dez outros. Um endereço que não reconhecemos mostra o nome do host.
- Logo
- Um
<img>que aponta para o endereço que você informar, com 40 a 300 pixels de largura. A ferramenta carrega a imagem uma vez para saber as proporções e escreve oheightcorrespondente, porque o Outlook estica as imagens que não têm esse atributo. - Letras miúdas
- Uma linha de confidencialidade ou aviso legal em cinza de 11 pixels abaixo da assinatura.
Os avisos e o que fazer
| Aviso | Por que importa |
|---|---|
| Cor de destaque abaixo de 4,5:1 sobre branco | A cor é usada nos links e no nome da empresa. Abaixo dessa razão de contraste, pessoas com baixa visão têm dificuldade para lê-los. Escolha um tom mais escuro. |
Logo incorporado (data:) | Muitos programas de e-mail o bloqueiam ou o transformam em anexo em todas as mensagens. |
Logo via http:// | Programas de e-mail que rodam em páginas seguras recusam imagens inseguras. |
| Logo em SVG | O Gmail e o Outlook não exibem SVG. Exporte um PNG ou JPG. |
| Logo no Google Drive, Dropbox ou OneDrive | Um link de compartilhamento abre uma página de visualização, não o arquivo da imagem. |
| O logo não carrega | Abra o endereço em uma janela anônima. Você deve ver a imagem e nada mais, sem login. |
| Grande demais ou pequeno demais | Acima de 1.200 pixels de largura, deixa todas as mensagens mais lentas. Mais estreito que a largura exibida, fica borrado. Mire no dobro da largura exibida. |
Como escolher o layout
- Logo à esquerda é o padrão: duas colunas separadas por uma linha vertical na sua cor de destaque.
- Clássico empilha tudo em uma coluna, com o logo por último. É o que aguenta melhor quando um programa descarta as colunas da tabela.
- Faixa de destaque abre com uma linha horizontal colorida e mantém os contatos em uma só linha.
- Compacto tem duas linhas e nenhum logo. É o ideal para respostas e para os programas de e-mail do celular, que preservam pouca formatação.
Muita gente mantém duas, uma completa para mensagens novas e a compacta para respostas. Antes de decidir, clique em “Prévia no modo escuro” para mandar a assinatura para a prévia de e-mail no modo escuro e ver se o logo e as cores resistem a um fundo escuro.
O que o gerador não faz
Ele não hospeda o seu logo, então a imagem já precisa estar online em um endereço público. Ele não desenha ícones de redes sociais, e isso é de propósito: cada ícone é mais uma imagem remota que pode ser bloqueada. Ele não consegue mostrar como uma determinada versão do Outlook vai renderizar o resultado, então envie uma mensagem de teste para você mesmo depois de instalar a assinatura. Seu rascunho fica guardado só neste navegador. Abra a página em outro aparelho e você vai encontrar o formulário vazio.
Perguntas frequentes
Como adiciono uma assinatura HTML no Gmail?
Clique em “Copiar a assinatura” aqui. No Gmail, abra o menu da engrenagem, Ver todas as configurações, Geral, Assinatura, crie uma nova e cole. Escolha essa assinatura para e-mails novos e para respostas, depois salve no fim da página.
Por que meu logo chega como anexo?
A imagem foi incorporada à mensagem. Os programas de e-mail então enviam o arquivo junto com cada e-mail, e muitos destinatários o veem como anexo. Use um link para uma imagem hospedada em um servidor web e o problema desaparece.
Qual deve ser o tamanho do logo da assinatura?
Exibido com 100 a 200 pixels de largura, a partir de um arquivo com mais ou menos o dobro dessa largura, para continuar nítido em telas de alta densidade. Mantenha o arquivo abaixo de uns 50 KB. PNG serve para logos chapados, JPG para fotos.
Minha assinatura inteira deveria ser uma imagem?
Não. Muitos programas de e-mail bloqueiam imagens por padrão, os leitores de tela não conseguem lê-las, elas não se adaptam ao modo escuro e ninguém consegue tocar ou copiar um número de telefone que faz parte de uma figura. Use texto de verdade e deixe a imagem só para o logo.
Posso usar a fonte da minha marca?
Não de forma confiável. O Gmail e o Outlook ignoram fontes da web, e o texto volta para uma fonte padrão. Arial, Verdana e Georgia existem em praticamente todos os aparelhos, então a assinatura fica igual em todo lugar.
Por que a assinatura fica diferente nas respostas?
Alguns programas convertem as respostas em texto simples ou aplicam a formatação da mensagem que está sendo respondida. Defina uma assinatura compacta para as respostas e confira se o seu programa redige em HTML e não em texto simples.