Utilia

Gerador de assinaturas de email

Cria uma assinatura de email HTML profissional com fotografia ou logótipo, contactos e redes sociais, e copia-a para o Gmail, o Outlook ou o Apple Mail.

Os teus dados
Perfis sociais

Cola o endereço completo do perfil, por exemplo https://www.linkedin.com/in/o-teu-nome.

Logótipo ou fotografia

Uma imagem local é incorporada na assinatura como data URI (redimensionada para 240 px). Muitos clientes de email, incluindo o Gmail e o Outlook, bloqueiam ou removem imagens incorporadas: um URL de imagem alojada funciona melhor.

Design

Pré-visualização

As imagens de um URL podem não aparecer nesta pré-visualização (esta página bloqueia imagens externas), mas aparecem nos teus emails.

Verificações

Como criar a tua assinatura de email

  1. Preenche Os teus dados: nome completo, cargo, empresa, email, telefone, telemóvel, site e morada. Deixa um campo vazio para esconder essa linha.
  2. Cola os endereços completos dos teus Perfis sociais (LinkedIn, X, Instagram, Facebook, YouTube, GitHub). Aparecem como ligações de texto na tua cor de destaque.
  3. Adiciona um Logótipo ou fotografia. A melhor opção é um URL de imagem alojada (recomendado): o endereço https:// de uma imagem que já está no teu site. Também podes escolher um ficheiro local, que fica incorporado na assinatura (vê os limites mais abaixo).
  4. Escolhe um Modelo (Clássico (imagem ao lado), Empilhado ou Compacto), uma Cor de destaque, um Tipo de letra e a Largura da imagem. Marca Imagem redonda para uma fotografia circular.
  5. Confere a Pré-visualização, clica em Copiar assinatura e cola-a na tua aplicação de email. Copiar código HTML e Transferir dão-te o código em bruto para aplicações que aceitam HTML.

Carregar exemplo preenche o formulário com dados fictícios para experimentares os modelos. Tudo acontece no teu navegador: nada do que escreves ou carregas é enviado para lado nenhum.

Porque é que a assinatura usa tabelas e estilos inline

As aplicações de email não são navegadores web. O Outlook para Windows mostra as mensagens com o motor do Word, o Gmail remove os blocos <style> das assinaturas e muitas aplicações ignoram CSS moderno como flexbox ou grid. Por isso, esta ferramenta produz o tipo de HTML que sobrevive em todo o lado: uma tabela de paginação com role="presentation", atributos style inline em cada elemento, tipos de letra seguros (Arial, Verdana, Tahoma, Trebuchet MS, Georgia) e ligações de texto simples em vez de ícones em imagem. Todos os valores que escreves são escapados, por isso um < ou um & perdido num cargo não estraga o código.

Os números de telefone tornam-se ligações tel: (para se poderem tocar num telemóvel), o endereço de email torna-se uma ligação mailto: e os endereços web sem https:// são completados automaticamente. As ligações que não são endereços web ficam de fora e aparecem listadas em Verificações.

Imagens: URL alojado ou ficheiro incorporado?

Uma imagem local é convertida num data URI, ou seja, a própria imagem fica escrita dentro do HTML. A ferramenta redimensiona-a para 240 píxeis para a manter leve, mas muitos clientes continuam a bloquear ou a remover data URI: o Gmail recusa-os nas assinaturas, o Outlook mostra muitas vezes uma caixa vazia e os destinatários podem ver um anexo em vez da imagem. Uma imagem alojada (por exemplo https://www.example.com/logo.png) é mais leve e aparece em muito mais aplicações. Envia o teu logótipo para o teu site e cola o URL dele. As imagens carregadas a partir de um URL podem não aparecer na pré-visualização desta página, porque a página bloqueia imagens externas por razões de privacidade, mas aparecem nos teus emails.

Como adicionar a assinatura à tua aplicação de email

  • Gmail: abre as Definições (ícone da roda dentada) → Ver todas as definições → Geral → Assinatura → Criar nova. Cola com Ctrl+V (Cmd+V) e clica em Guardar alterações no fundo da página. O Gmail limita as assinaturas a 10 000 caracteres.
  • Outlook (novo Outlook e Outlook na Web): Definições → Conta → Assinaturas, cria uma assinatura, cola-a e guarda. No Outlook clássico para Windows: Ficheiro → Opções → Correio → Assinaturas.
  • Apple Mail: Mail → Definições → Assinaturas, seleciona a tua conta, clica em +, cola e desmarca a opção que obriga a usar sempre o tipo de letra predefinido das mensagens («Always match my default message font» em inglês) para manter os tipos de letra e as cores.

Perguntas frequentes

Porque vejo uma imagem partida ou um anexo nos emails que envio?

A imagem está provavelmente incorporada como data URI, que muitos clientes de email bloqueiam. Usa antes um URL de imagem alojada: é a forma mais fiável de mostrar um logótipo ou uma fotografia.

Porque é que a fotografia redonda aparece quadrada no Outlook?

O Outlook para Windows ignora o estilo border-radius. Se a forma for importante, recorta a fotografia em círculo e guarda-a como PNG com fundo transparente antes de a usar.

Posso editar o HTML eu próprio?

Sim. Usa Copiar código HTML ou Transferir e edita o código em qualquer editor de texto. Mantém as tabelas e os estilos inline: a maioria dos clientes de email ignora folhas de estilo e classes.

Porque é que as redes sociais aparecem como texto e não como ícones?

Os ícones seriam imagens, e as imagens são a parte de uma assinatura que é bloqueada mais vezes. As ligações de texto aparecem sempre, continuam legíveis no modo escuro e não tornam a assinatura mais pesada.

Os meus dados ficam guardados ou são enviados para algum lado?

Não. A assinatura é gerada no teu navegador. Nada é enviado e a página não guarda nada depois de a fechares.