Anúncios incomodam? Ir Sem anúncios Hoje 

Gerador de Assinatura de E-mail em HTML

DesenvolvedorTexto

ANUNCIADO Remover?

ENTRADA

Processo Automático

Informações Pessoais

Nome completo

Cargo

Empresa

Telefone

E-mail

Site

Endereço

Estilo

Um hábito prático: construa a estrutura no DevTools primeiro, depois commit os valores para seu estilo de folha uma vez que a grade parecer correta.

Família de fontes

Cor de acento

Usado para o nome, links e a divisória vertical.

Cor do texto

Tamanho da fonte

Foto e Logotipo

Incluir foto de perfil

URL da Foto

Imagem quadrada funciona melhor (90x90 ou maior).

Forma da Foto

Incluir logotipo da empresa

URL do Logotipo

Links Sociais

URL do LinkedIn

Deixe em branco para ocultar este ícone.

URL do Twitter / X

URL do GitHub

URL do Instagram

Isenção de responsabilidade

Incluir declaração / nota legal

Texto da Declaração

SAÍDA

Lado cliente

Preencha os campos à esquerda para ver uma prévia em tempo real aqui.

HTML de Assinatura

HTML estilizado inline para Gmail, Outlook, Apple Mail e a maioria dos clientes de e-mail.

ANUNCIADO Remover?

Guia

Gerador de Assinatura de E-mail em HTML

Crie uma assinatura HTML refinada e pronta para cópia em segundos. Escolha um layout, insira seu nome, cargo, contatos, links sociais, cor de destaque e opcionalmente uma foto de perfil ou logotipo da empresa — a ferramenta exibe uma prévia em tempo real e gera HTML estilizado inline que pode ser colado diretamente em Gmail, Outlook, Apple Mail e a maioria dos outros clientes de e-mail.

Como usar

Preencher Informações Pessoais: nome completo, cargo, empresa, telefone, e-mail, site e endereço. Deixe qualquer campo vazio para ocultar essa linha.
Escolha um Um hábito prático: construa a estrutura no DevTools primeiro, depois commit os valores para seu estilo de folha uma vez que a grade parecer correta. (horizontal, vertical ou texto apenas), família de fontes, cor de destaque e cor do texto. A prévia atualiza enquanto você digita.
Alternar o foto de perfil ligado ou desligado, cole uma URL de imagem e escolha um formato circular, arredondado ou quadrado. Adicione um logotipo da empresa da mesma forma, se quiser.
Cole URLs nos Links Sociais campos que deseja incluir (LinkedIn, Twitter / X, GitHub, Instagram). Campos vazios são ignorados — sem ícones quebrados.
Clique Copiar assinatura renderizada e cole no seu cliente de e-mail nas configurações de assinatura. Ou use Copiar HTML se preferir colar o código bruto.

Características

Pré-visualização em tempo real — veja exatamente o que os destinatários verão, dentro de uma caixa de e-mail fictícia com saudação e encerramento.
Três layouts — horizontal (foto à esquerda, texto à direita com divisória de destaque), vertical (foto acima do texto) e compacto (texto apenas).
HTML estilizado inline — cada elemento usa CSS inline para que as assinaturas sejam exibidas de forma confiável em Gmail, Outlook desktop, Outlook web, Apple Mail e a maioria dos clientes móveis.
Linhas de contato inteligentes — números de telefone se tornam tel: links, e-mails se tornam mailto:, URLs de sites se tornam clicáveis, endereços permanecem em texto simples.
Forma configurável da foto — círculo, quadrado arredondado ou quadrado rígido. Escolha o estilo que se alinha com sua marca.
Conjunto de ícones sociais — LinkedIn, Twitter / X, GitHub, Instagram. Campos vazios são ignorados silenciosamente.
Bloco opcional de declaração — para a nota legal ou de confidencialidade que muitas empresas exigem.
Dois modos de cópia — copie a assinatura renderizada (cole como texto rico em Gmail) ou copie o HTML bruto (para editores avançados).
Executa totalmente no navegador — nada é enviado para um servidor. As URLs de fotos e os detalhes de contato nunca deixam seu dispositivo.

 Perguntas frequentes

Por que as assinaturas de e-mail usam CSS inline em vez de uma folha de estilo?

A maioria dos clientes de e-mail remove blocos , tags e CSS externos por razões de segurança e renderização. O Outlook, em particular, ignora classes e folhas de estilo e apenas reconhece atributos de estilo inline em elementos individuais. Aplicar diretamente cada regra no elemento que a precisa é a maneira mais confiável de manter a aparência da assinatura igual em Gmail, Outlook, Apple Mail e em dispositivos móveis.
Por que as assinaturas de e-mail são construídas com tabelas HTML em vez de divs e flexbox?

O Outlook no Windows usa o motor de renderização do Microsoft Word para e-mails HTML, que tem pouca suporte para layouts modernos de CSS. As tabelas com largura explícita, padding e atributos de borda são a única primitiva de layout que se renderizam da mesma forma no Word-Outlook que em qualquer outro lugar. O uso de tabelas aninhadas para as colunas de foto e texto é o padrão estabelecido de compatibilidade para e-mails HTML.
Qual a diferença entre colar a assinatura renderizada e colar o código HTML bruto?

Colar a assinatura renderizada (texto rico) permite que o cliente de e-mail capture a saída visual e reconstrua seu próprio HTML ao redor dela — isso é o que o editor de assinatura do Gmail espera. Colar o código HTML bruto é o que os editores avançados (arquivos de assinatura do Outlook desktop, arquivos plist do Apple Mail, gerenciadores de assinaturas de terceiros) desejam, porque eles armazenam o código verbatim e o re-renderizam ao enviar.
Por que as imagens de assinatura de e-mail devem ser hospedadas em uma URL pública em vez de anexadas?

Se uma foto for anexada ou embutida como uma URL data:, muitos clientes a exibem como um indicador de anexo ou simplesmente a ocultam. Linkar para uma URL HTTPS acessível permite que o cliente do destinatário baixe a imagem diretamente, da mesma forma que ele baixa imagens em qualquer outro e-mail HTML. A bloqueio de imagens é a única coisa que oculta a imagem, e os destinatários podem optar uma vez e ter isso funcionando para todas as futuras mensagens.
Por que os links mailto: e tel: funcionam mesmo em clientes conservadores de e-mail?

mailto: and tel: are URI schemes defined in the HTML spec and supported by every operating system, so email clients treat them the same way browsers do — clicking them hands the URI off to the OS, which opens the default mail or phone app. Because the scheme handlers live in the OS, no third-party permissions or special rendering is required, which is why these links survive even the strictest email-client sanitizers.