A imagem de uma assinatura de e-mail é um problema de design estranho. É pequena, é vista o tempo todo e precisa sobreviver a três condições que quase nenhuma outra imagem enfrenta — e os tamanhos saem dessas condições, não de qualquer especificação oficial.
Muitos clientes de e-mail não carregam imagens remotas até a pessoa clicar em algo. Num primeiro e-mail para alguém que nunca se correspondeu com você — justamente a situação em que a assinatura mais importa — há boa chance de o seu logotipo nunca aparecer.
Disso decorrem duas coisas.
A assinatura precisa se ler como texto. Nome, cargo, empresa e telefone vão em texto de verdade, não dentro da imagem. Este é o erro mais comum e mais danoso: montar a assinatura inteira como uma única imagem. Quando ela é bloqueada, quem recebe vê um retângulo vazio e nada mais. Além disso o texto não pode ser selecionado nem copiado, é invisível para a busca e um leitor de tela não lê, mesmo quando a imagem carrega.
O texto alternativo não é opcional. Uma imagem bloqueada mostra o alt dela, então alt="Acme Ltda" ainda transmite o nome da empresa. Um alt vazio não transmite nada.
Toda tela moderna coloca dois ou mais pixels físicos em cada pixel de layout. Uma imagem cujo arquivo tem exatamente o tamanho de exibição fica mole em todas elas.
A solução é padrão: exporte em 2× e defina a largura de exibição no HTML da assinatura. Um logotipo que deve aparecer com 180 pixels é exportado com 360 e exibido com 180.
Definir essa largura importa. Sem ela a imagem é desenhada nos 360 pixels cheios e a sua assinatura sai com o dobro do tamanho projetado.
Esse teto de 600 pixels é a largura em torno da qual a maioria dos layouts de e-mail é construída. Mais largo força rolagem horizontal no celular, e isso se lê como “quebrado” como nenhuma outra coisa na mensagem.
Muitos clientes já exibem mensagens sobre fundo escuro, e alguns invertem cores automaticamente. Um logotipo exportado como JPG carrega o fundo branco junto, então aparece como um retângulo branco brilhante flutuando num e-mail escuro.
Use um PNG com transparência e confira como o logotipo fica sobre escuro. Um logotipo escuro sobre transparência fica quase invisível; um com um fio branco fino, ou uma versão feita para fundos escuros, sobrevive aos dois.
A resposta mais robusta é um logotipo que funcione sobre qualquer fundo: cores médias sólidas, sem elementos quase brancos nem quase pretos.
A assinatura vai anexada a toda mensagem que você envia. A mil e-mails por ano, uma assinatura de 300 KB são 300 MB de transferência e armazenamento — na sua caixa de enviados e na caixa de cada destinatário.
Há um segundo efeito: em alguns sistemas uma assinatura pesada conta para o limite de tamanho da mensagem, então um anexo já perto do limite falha por um motivo que quem envia não vê.
Mire em menos de 20 KB por imagem e menos de 50 KB na assinatura inteira. Um logotipo PNG de 360 pixels em cores chapadas comprime para alguns kilobytes; se o seu não comprime, provavelmente é uma fotografia salva como PNG.
Uma imagem vinculada fica num servidor web e o e-mail referencia a URL. A mensagem fica pequena e você pode atualizar o logotipo em todo lugar de uma vez — mas é a versão que é bloqueada.
Uma imagem embutida viaja dentro da mensagem. Sempre aparece, mas soma o peso dela a cada e-mail, e alguns clientes a mostram como anexo — então sua mensagem chega com um clipe de papel sugerindo um documento que não existe.
Vinculada é o padrão melhor para a maioria; basta manter a URL estável, porque uma imagem movida quebra toda assinatura já enviada.