Como insiro minha foto ou logotipo na assinatura?

Você deve hospedar a imagem publicamente (por exemplo, no seu site ou em um serviço de hospedagem de imagens) e colar o link direto da imagem no campo 'URL de foto/logo'.

Quais redes sociais são detectadas automaticamente?

A ferramenta detecta automaticamente links do LinkedIn, X (Twitter), GitHub, Instagram, Facebook e YouTube, gerando os ícones correspondentes.

A assinatura funciona no Outlook e no Gmail?

Sim, o código gerado utiliza tabelas HTML e estilos inline, que são os padrões mais seguros para garantir a compatibilidade e renderização correta no Gmail, Outlook e Apple Mail.

Como funciona a opção de tema 'Auto'?

O tema 'Auto' injeta regras de CSS baseadas em 'prefers-color-scheme', permitindo que clientes de e-mail compatíveis (como o Apple Mail) alternem as cores da assinatura conforme o tema do sistema do destinatário.

Meus dados pessoais são enviados para algum servidor?

Não. Todo o processamento e geração do código HTML ocorrem localmente no seu navegador, garantindo total privacidade dos seus dados de contato.

Elysia Tools

Navegação

Design

Gerador de assinatura de e-mail HTML

Gera uma assinatura de e-mail HTML limpa e pronta para copiar-colar que renderiza corretamente no Gmail, Outlook e Apple Mail — com avatar/logo, ícones sociais (auto-detectados dos seus links), cor de destaque, tema claro/escuro/auto e um layout em tabela seguro para e-mail com estilos inline. Copie o HTML e cole no seu cliente de e-mail.

Detalhes

O que esta ferramenta ajuda você a fazer

Crie uma assinatura de e-mail profissional que funciona em todos os clientes:

Preencha seus dados — nome, cargo, empresa, e-mail, telefone, site, endereço e uma URL pública de foto/logo.
Escolha o layout — lado a lado (foto esquerda com divisor de cor) ou empilhado (só texto). A foto é ocultada sem URL.
Estilize — cor de destaque, fonte web-safe e tema Claro/Escuro/Auto (Auto injeta um bloco prefers-color-scheme que o Apple Mail respeita).
Adicione redes — cole links do LinkedIn, X, GitHub, Instagram, Facebook ou YouTube; os ícones renderizam como data-URI SVG inline seguros para e-mail.
Copie o HTML — assinatura tabular autossuficiente com estilos inline para Gmail/Outlook/Apple Mail.

Tudo roda localmente.

Execução

Executar esta ferramenta

Preencha o formulário, execute a ferramenta e veja o resultado no mesmo lugar.

Execuções de exemplo preparadas

Clique em um exemplo para preencher o formulário automaticamente. Arquivos ainda precisam ser enviados.

2 exemplos

Assinatura lado a lado com redes sociais

Assinatura comercial completa com foto, divisor de cor, contatos e ícones auto-detectados de LinkedIn/GitHub/X.

<table class="esig"><tr><td><img width="72" height="72"></td><td><div>Jane Doe</div><div>Product Manager · Acme Inc.</div><a href="mailto:[email protected]">[email protected]</a>…</td></tr></table>

Mínima empilhada (tema escuro)

Assinatura só de texto empilhada em tema escuro, ideal para engenheiros que querem um visual escuro nativo.

<table class="esig" style="background:#111827"><tr><td><div>Alex Chen</div><div>Staff Engineer · Nullcorp</div>…</td></tr></table>

Entradas

As opções estão agrupadas para deixar formulários longos mais fáceis de revisar.

13 opções

ConteúdoCole ou digite os valores principais.9

Nome completotextObrigatórioCargotextOpcionalEmpresatextOpcionalE-mailtextOpcionalTelefonetextOpcionalSitetextOpcionalEndereçotextOpcionalURL de foto/logotextOpcionalRedes sociaistextareaOpcionalOne per line or comma-separated. Auto-detects LinkedIn, X, GitHub, Instagram, Facebook, YouTube.

ConfiguraçõesAjuste formatos, intervalos, números e modos.4

Cor de destaquecolorOpcionalFonteselectOpcionalLayoutselectOpcionalTemaselectOpcional

Resultado

Pronto para executar

Depois de executar, arquivos, texto, dados estruturados ou saída em streaming aparecerão aqui.

Exemplos

Exemplos compatíveis com esta ferramenta

Relacionado

Continue com ferramentas e temas relacionados

{ "fullName": "Jane Doe", "jobTitle": "Product Manager", "company": "Acme Inc.", "email": "[email protected]", "phone": "+1 555 123 4567", "website": "acme.com", "photoUrl": "https://i.pravatar.cc/150?img=47", "socials": "linkedin.com/in/janedoe\nx.com/janedoe", "accent": "#2563eb", "layout": "side", "theme": "light" }

Gerador de assinatura de e-mail HTML

O que esta ferramenta ajuda você a fazer

Executar esta ferramenta

Execuções de exemplo preparadas

Entradas

Resultado

Exemplos compatíveis com esta ferramenta

Continue com ferramentas e temas relacionados

Execuções de exemplo preparadas

Entradas

Resultado

Veja quando usar esta ferramenta, o que ela suporta e como os usuários a aplicam.

Fatos principais

Visão geral

Quando usar

Como funciona

Casos de uso

Exemplos

1. Assinatura Corporativa Lado a Lado

2. Assinatura Minimalista para Desenvolvedor

Perguntas frequentes

Amostras HTML

Amostras de HTML com Imagens

MSG Viewer Samples

Amostras de Texto com Dados Sensíveis

De paleta de imagem para design tokens

Removedor de Tags HTML

Gerador de Código QR

Gerador de heatmap de acessibilidade

Ferramentas de extração, limpeza e exportação de HTML para Markdown/PDF

Ferramentas de codigo de barras, QR e etiquetas

Ferramentas de auditoria de acessibilidade web e cores acessiveis

Ferramentas de Extração, Limpeza e Entrega de HTML