Elysia Tools

Explore ferramentas, exemplos, explicações visuais e guias temáticos em um espaço claro.

Categorias populares

Temas

Idioma
ZHESPTRUFRDEEN

Elysia Tools

Navegação

Design

Gerador de assinatura de e-mail HTML

· Última atualização：2026-06-24

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:

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

Exemplos

Exemplos compatíveis com esta ferramenta

Relacionado

Continue com ferramentas e temas relacionados

Escrito pela equipe Elysia Tools
Cor214
HTML/CSS86
Raw49
CSS48
Logo13

Guia de uso da ferramenta

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

Fatos principais

Categoria
Design
Tipos de entrada
text, textarea, color, select
Tipo de saída
html
Cobertura de exemplos
4
API pronta
Sim

Visão geral

O Gerador de assinatura de e-mail HTML permite criar assinaturas profissionais e compatíveis com Gmail, Outlook e Apple Mail. A ferramenta gera um código HTML limpo com estilos inline, suporte a temas claro e escuro, ícones de redes sociais auto-detectados e layouts estruturados em tabelas para garantir a renderização correta em qualquer cliente de e-mail.

Quando usar

  • Quando você precisa de uma assinatura de e-mail profissional que não perca a formatação ou desalinhe em diferentes clientes de e-mail.
  • Ao criar assinaturas corporativas padronizadas com links sociais dinâmicos e logotipos hospedados externamente.
  • Para garantir compatibilidade nativa com o modo escuro (dark mode) em leitores de e-mail modernos como o Apple Mail.

Como funciona

  1. 1Insira suas informações de contato, cargo, empresa e a URL pública da sua foto ou logotipo.
  2. 2Escolha o layout (lado a lado ou empilhado), selecione a fonte web-safe, defina a cor de destaque e escolha o tema visual.
  3. 3Insira os links das suas redes sociais para que a ferramenta detecte e gere automaticamente os ícones correspondentes em formato SVG inline.
  4. 4Copie o código HTML gerado com estilos inline e cole diretamente nas configurações de assinatura do seu cliente de e-mail.

Casos de uso

  • Profissionais autônomos que desejam transmitir credibilidade com um rodapé de e-mail padronizado e links para portfólios.
  • Equipes de marketing que precisam gerar assinaturas HTML consistentes para os colaboradores da empresa sem depender de ferramentas complexas de design.
  • Desenvolvedores que buscam um código HTML limpo, sem scripts externos e com ícones sociais embutidos como SVG inline para evitar bloqueios de imagens.

Exemplos

1. Assinatura Corporativa Lado a Lado

Gerente de Produto

Contexto

Precisa de uma assinatura elegante para e-mails externos que inclua foto de perfil, cargo e links para redes profissionais.

Problema

Assinaturas comuns feitas no Word perdem a formatação e desalinhavam a foto ao serem enviadas para clientes que usam o Outlook.

Como usar

Preencheu o nome, cargo, empresa, e-mail, telefone, site, adicionou a URL da foto de perfil, colou os links do LinkedIn e X, escolheu o layout 'Lado a lado' e definiu a cor azul como destaque.

{
  "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"
}

Resultado

Uma assinatura em tabela HTML com a foto alinhada à esquerda, separada por uma linha vertical azul dos dados de contato, e ícones sociais inline que não são bloqueados como anexos.

2. Assinatura Minimalista para Desenvolvedor

Engenheiro de Software

Contexto

Deseja uma assinatura simples, apenas com texto e link para o GitHub, que respeite o modo escuro dos clientes de e-mail.

Problema

Perguntas frequentes

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.

Início
Ferramentas3201
Exemplos593
Visualizações465
Visualizadores de arquivos103
Temas233
Etiquetas333
Imagens, áudio e vídeo657

Ferramentas de processamento, conversão e otimização de imagens, áudio e vídeo

Matemática, datas e finanças644

Calculadoras, ferramentas numéricas, lógica de datas, estatística e finanças

Design e cor297

Ferramentas de cor, layout, gráficos, estilo visual e apoio ao design

Texto e escrita209

Ferramentas de escrita, limpeza, formatação, extração e análise de texto

Desenvolvimento e Web193

Utilitários para desenvolvedores, rede, depuração web e automação

Conversão e codificação175

Ferramentas de conversão de formatos, arquivos, unidades, arquivos compactados e codificação

Triagem de fontes FLAC/WAV e entrega de evidências
Revisão e entrega de um componente de sorteio auto-hospedado
Revisão de lote de códigos Stripe e pré-verificação da importação
Revisão da seleção técnica de fotos e entrega de candidatas à edição
Estruturar uma captura de interface, revisar e entregar ao desenvolvimento

© 2026 Elysia Tools. Todos os direitos reservados.

DocumentaçãoPreçosSobreTermos de serviçoPolítica de privacidadeCookiesContato
Desenvolvimento

Amostras HTML

Arquivos de amostra para o visualizador HTML no navegador

Processamento de texto

Amostras de HTML com Imagens

Amostras de código fonte HTML com imagens para testar extração

Mídia

Exemplos do Visualizador MSG

Um exemplo de email Outlook MSG para visualização no navegador

Processamento de texto

Amostras de Texto com Dados Sensíveis

Texto contendo vários tipos de dados sensíveis para testar a máscara de dados (telefones, e-mails, documentos de identidade, cartões bancários)

Format Conversion

Conversor de fórmulas AsciiMath / LaTeX / MathML

Converte fórmulas entre AsciiMath, LaTeX e MathML: detecta o formato de entrada e produz LaTeX canônico, MathML de apresentação anotado, retrotradução aproximada para AsciiMath, snippet aria-label para leitores de tela e uma prévia KaTeX.

Design

De paleta de imagem para design tokens

Extrai cores dominantes da imagem por k-means e exporta como variáveis CSS / SCSS / config Tailwind / tokens JSON, com nomes e escala de tons

Text Processing

Removedor de Tags HTML

Remove tags HTML do código e extrai conteúdo de texto limpo

Design

Gerador de Código QR

Gera códigos QR a partir de URLs ou texto com tamanho e cores personalizáveis

Assinaturas com imagens pesadas ou cores muito claras incomodam destinatários que utilizam leitores de e-mail no modo escuro.

Como usar

Preencheu o nome, cargo, empresa, e-mail, site, adicionou o link do GitHub no campo de redes sociais, selecionou a fonte Georgia, o layout 'Empilhado' e o tema 'Escuro'.

{
  "fullName": "Alex Chen",
  "jobTitle": "Staff Engineer",
  "company": "Nullcorp",
  "email": "[email protected]",
  "website": "nullcorp.io",
  "socials": "github.com/alexchen",
  "accent": "#10b981",
  "fontFamily": "Georgia, \"Times New Roman\", serif",
  "layout": "stacked",
  "theme": "dark"
}

Resultado

Uma assinatura compacta com fundo escuro nativo, tipografia serifada elegante, detalhes em verde esmeralda e o ícone do GitHub integrado de forma limpa.