Dónde pegarla
Copie primero la firma y luego siga los pasos de su cliente de correo.
Apple Mail
Para esta aplicación use «Copiar firma»: pega la firma con formato.
Apple Mail pega el contenido con formato fielmente una vez desmarcada una casilla. El cuadro de la firma puede no mostrar imágenes hasta que redacte un mensaje; es normal.
- Abra Mail, luego Ajustes (Preferencias en versiones antiguas de macOS) y Firmas.
- Seleccione su cuenta en la columna izquierda — no «Todas las firmas» — y pulse + para añadir una firma. Póngale un nombre.
- Desmarque «Usar siempre el tipo de letra por omisión del mensaje» y pegue con Cmd+V.
- En «Seleccionar firma», abajo, elíjala para esa cuenta.
- Redacte un mensaje nuevo para usted mismo para verla en su sitio, imágenes incluidas.
Gmail
Para esta aplicación use «Copiar firma»: pega la firma con formato.
Gmail conserva los estilos en línea y descarta todo lo demás: exactamente de lo que está hecha esta firma.
- En Gmail en la web, abra la Configuración con el icono del engranaje y elija Ver todos los ajustes.
- En la pestaña General, baje hasta Firma y elija Crear. Póngale un nombre.
- Haga clic en el cuadro de edición y pegue con Ctrl+V (Cmd+V en Mac).
- En Valores predeterminados de firma, elíjala para los mensajes nuevos y para las respuestas y reenvíos.
- Baje hasta el final, pulse Guardar cambios y envíese un mensaje de prueba.
kMail (Infomaniak)
Para esta aplicación use «Copiar HTML»: acepta el propio código.
El editor de firmas de kMail tiene un modo de código fuente HTML; pegue ahí el código. Pegar la firma con formato en el editor normal también funciona, pero conserva menos la maquetación.
- Abra Mail en ksuite.infomaniak.com/mail y luego el icono de Configuración arriba a la derecha.
- Elija la dirección de correo en el menú de la izquierda, luego Firmas y Añadir. Póngale un nombre.
- Cambie el editor al código fuente HTML, pegue el código y guarde.
- En los ajustes de la firma, defínala como predeterminada para mensajes nuevos y para respuestas y reenvíos.
- Las aplicaciones Infomaniak Mail para iOS y Android usan la misma firma. Envíese un mensaje de prueba.
Outlook (escritorio)
Para esta aplicación use «Copiar firma»: pega la firma con formato.
Outlook clásico dibuja los mensajes con el motor de Word. Pegar funciona; si la maquetación se desplaza, la vía del archivo .htm del paso 4 es la fiel.
- Vaya a Archivo, Opciones, Correo y Firmas. (Desde un mensaje nuevo: Mensaje, Firma, Firmas.)
- Elija Nueva, póngale nombre a la firma y pegue en el cuadro Editar firma con Ctrl+V.
- En Elegir firma predeterminada, selecciónela para Mensajes nuevos y para Respuestas/reenvíos, y pulse Aceptar.
- Si el resultado se ve mal: use «Descargar .htm», abra el archivo en un navegador, seleccione todo, copie y pegue eso en el mismo cuadro.
- Envíese un mensaje de prueba y léalo en el propio Outlook clásico: es el cliente que lo muestra de forma distinta.
Outlook.com (web)
Para esta aplicación use «Copiar firma»: pega la firma con formato.
Outlook.com, el nuevo Outlook para Windows y Outlook para Mac comparten un mismo editor, así que los mismos pasos sirven para los tres.
- Abra la Configuración con el icono del engranaje, luego Cuentas y Firmas. (Outlook para Mac: menú Outlook, Ajustes, Firmas.)
- Elija Nueva firma y póngale un nombre.
- Haga clic en el cuadro de edición y pegue con Ctrl+V (Cmd+V en Mac).
- Márquela para mensajes nuevos y para respuestas y reenvíos, y pulse Guardar.
- Envíese un mensaje de prueba y ábralo también en un teléfono.
Thunderbird
Para esta aplicación use «Copiar HTML»: acepta el propio código.
Thunderbird acepta el propio HTML y bloquea las imágenes remotas por defecto hasta que el lector las permite: la pestaña Thunderbird de la vista previa muestra exactamente eso.
- Abra la Configuración de la cuenta — desde el menú, o con el botón derecho sobre la cuenta en la lista de carpetas.
- Seleccione la cuenta. En Texto de la firma, marque Usar HTML.
- Pegue el código en el cuadro de la firma.
- O bien: use «Descargar .htm», marque «Adjuntar la firma desde un archivo» y elija ese archivo.
- Cierre la configuración; los mensajes nuevos de esa cuenta llevan la firma. Envíese una prueba y permita el contenido remoto para ver las imágenes.
¿Por qué no se ven mis imágenes?
Su foto, su logotipo y su banner no están dentro del mensaje. La firma lleva sus direcciones, y el cliente de correo de cada lector decide si las descarga. Estas son las razones por las que puede no hacerlo, y qué hacer para que la firma siga funcionando cuando no lo hace.
- Outlook para Windows bloquea las imágenes remotas de forma predeterminada
Outlook clásico muestra una barra que ofrece descargar las imágenes, mensaje a mensaje, y mucha gente nunca la pulsa. En las empresas, Outlook suele estar configurado para no descargarlas nunca.
- Los servidores de correo de las empresas las eliminan o las reescriben
Las reglas de transporte de Exchange, las pasarelas de correo y los analizadores de seguridad pueden quitar imágenes remotas, sustituir sus direcciones por un enlace verificado o bloquear servidores que no conocen. Quien envía ve la firma; quien lee ve el hueco.
- Gmail las obtiene a través de su propio proxy
Gmail copia la imagen por los servidores de Google la primera vez que se abre el mensaje. La dirección tiene que ser pública y https; la primera carga puede tardar un instante, y un servidor que rechace al robot de Google no muestra nada.
- Thunderbird y kMail las bloquean hasta que el lector las permite
Ambos tratan el contenido remoto como una decisión de privacidad: una barra pregunta si cargarlo, por remitente o por mensaje. Hasta entonces, cada imagen es un hueco con su descripción.
- El modo oscuro se traga un logotipo oscuro sobre fondo transparente
Ningún cliente invierte las imágenes. Una marca oscura guardada sobre fondo transparente desaparece contra el fondo oscuro: en Gmail, Outlook.com, Apple Mail, Thunderbird y kMail por igual.
Qué hacer
- Mantenga la firma legible sin ninguna imagen: nombre, cargo y datos de contacto en texto, nunca como imagen.
- Rellene siempre la descripción (texto alternativo). Es lo que muestra una imagen bloqueada, y es lo que recibe el lector.
- Nunca ponga información esencial —un teléfono, una dirección web— solo dentro de una imagen.
- Prefiera direcciones https en un servidor fiable que controle, y manténgalas activas mientras existan los correos.
- Dele a un logotipo oscuro su propio fondo claro, o use una versión lo bastante clara para sobrevivir a un fondo oscuro.
La pestaña Thunderbird sobre la vista previa muestra exactamente esto: todas las imágenes bloqueadas, cada hueco con su descripción, y si la firma sigue diciendo quién es usted.
Qué darle a cada hueco
- Foto
Se muestra con 40–200px de ancho, según el control del panel Aspecto. Un JPG o PNG cuadrado de 200–400px de lado cubre todos los tamaños con nitidez en una pantalla retina; recórtela cuadrada antes de activar el redondeo, o el círculo saldrá un óvalo.
- Logotipo de la empresa
Se muestra pequeño — hasta unos 120×20px junto a la línea de la empresa, o hasta 160px de ancho con el control de anchura explícito. Un PNG transparente con 120–200px de alto en el original mantiene los bordes limpios en cualquiera de esos tamaños.
- Banner
Se muestra al ancho de la propia firma — de 480 a 720px, según el control de anchura — con la altura siguiendo a la imagen. Un JPG o PNG al doble de ese ancho, 1200–1440px, se mantiene nítido en una pantalla moderna; manténgalo claramente más ancho que alto, o pasa a ser un cartel.
- Iconos
Los iconos de las líneas de contacto y de las redes sociales son nuestros, servidos desde subsigno.com. Nada que preparar, nada que alojar.
Cada hueco recibe una dirección https pública — un enlace que el cliente de correo de cualquier lector puede descargar, nunca un archivo de su equipo. Mantenga cada imagen por debajo de unos 200 KB: viaja con cada mensaje que envía. El buscador de la sección Empresa puede traer candidatas directamente de su propio sitio.
¿Por qué mi firma se ve distinta en cada cliente de correo?
Porque un cliente de correo no es un navegador. Cada uno decide por su cuenta qué conserva de su formato, y las diferencias de abajo son las que de verdad cambian lo que ve su lector.
La tipografía no es la que elegí
Los clientes de correo no pueden descargar tipografías. Gmail elimina las etiquetas que entregarían una y Outlook en Windows ignora la instrucción sin más: una tipografía descargada se vería bien en su pantalla y caería en Times New Roman para la mayoría de quienes leen su correo.
Por eso la lista de tipografías de aquí es corta: cada opción ya está instalada en los equipos de sus lectores. Outlook en Windows es aún más estricto: toma el primer nombre de tipografía que reconoce y sustituye por Times New Roman todo lo que no reconoce, en vez de recorrer la lista como haría un navegador. Nada en este sitio le ofrecerá una tipografía que se comporte de una manera para usted y de otra para su lector.
Mi foto redonda llega cuadrada
Outlook classic en Windows dibuja los mensajes con el motor de composición de Microsoft Word, y Word no tiene ninguna noción de esquina redondeada. La imagen llega cuadrada a todos esos lectores, y no hay marcado que lo cambie.
«Outlook» son en realidad varios programas distintos. Outlook.com en un navegador, el nuevo Outlook para Windows y Outlook para Mac se apoyan en un motor de navegador y redondean la imagen correctamente; solo Outlook classic en Windows no lo hace. La vista previa tiene una pestaña para cada uno, así que puede ver ambos resultados en vez de adivinarlos.
El redondeo, además, solo da un círculo si la imagen ya es cuadrada. Una foto rectangular queda ovalada, y el editor lo dice en lugar de recortarla: recortar exige una instrucción que el motor de Word ignora mientras sigue obedeciendo al tamaño, lo que estira la imagen.
Mis imágenes no se ven en absoluto
Su logotipo y su foto no viajan dentro del mensaje. Lo que viaja es la dirección, y el cliente de correo de cada lector recoge la imagen de donde usted la haya apuntado: esa dirección tiene que seguir accesible, de forma pública y por https, mientras esos mensajes existan.
Thunderbird bloquea las imágenes remotas por defecto y ofrece una barra para cargarlas, remitente a remitente. kMail deja que decida cada persona. Gmail las recoge a través de su propio proxy. Así que una firma cuyo sentido depende de una imagen es una firma que buena parte de sus lectores no ve nunca: por eso cada imagen de aquí lleva texto alternativo y un tamaño reservado, y por eso nada de su nombre ni de sus datos de contacto se dibuja como imagen.
El modo oscuro me cambia los colores
Todos los clientes con modo oscuro reescriben los colores del mensaje, y cada uno lo hace a su manera. Gmail oscurece los fondos claros y aclara el texto oscuro. Outlook.com repara el contraste en vez de invertir: mantiene un color que ya se lee y reescribe el que no se leería. Apple Mail solo invierte lo que considera neutro — texto casi negro sobre casi blanco — y deja en paz todo lo que interpreta como color de marca. Thunderbird puede adaptar un mensaje desde un interruptor. kMail lo oscurece sobre un fondo casi negro.
Ninguno toca las imágenes. Esa es la trampa que conviene conocer: un logotipo oscuro guardado sobre fondo transparente desaparece sobre un fondo oscuro, en todos ellos. Un logotipo con su propio fondo claro, o lo bastante claro para aguantar, lo evita. Use el interruptor de oscuro que hay encima de la vista previa para comprobar el suyo.
El ancho no es el que fijé
El control de ancho es un máximo, no un tamaño fijo. La firma se encoge para caber en un teléfono estrecho en lugar de forzar un desplazamiento lateral, que es lo que haría un ancho fijo.
Outlook classic en Windows ignora ese máximo y ajusta la firma a su contenido. Lo que sí respeta es el ancho del banner y del aviso legal, así que esos dos bloques — los que si no ocuparían todo el ancho del panel de lectura — también quedan sujetos allí a su cifra. Las aplicaciones de kMail van más lejos y reducen el mensaje para que quepa en la pantalla; una firma ya lo bastante estrecha se queda como está.
Entonces, ¿qué hago con todo esto?
Envíese un mensaje de prueba antes de distribuir una firma, y léalo en el cliente que sus compañeros usan de verdad. La vista previa de aquí es un modelo cuidadoso de comportamientos documentados, no el cliente en sí, y así lo dice.
Más allá de eso: sea breve, mantenga el sentido en el texto y no en una imagen, y elija una tipografía y un color que sobrevivan a ser reescritos. Una firma que se lee con claridad cuando todas las imágenes están bloqueadas y todos los colores ajustados es una firma que funciona en todas partes.
¿Cómo añado un botón?
En el editor no hay un creador de botones, y es a propósito: un botón en un correo es algo más sencillo de lo que parece, y hay dos maneras honestas de hacerlo.
Como imagen (recomendado)
- Diseñe el botón como una imagen — un rectángulo con su texto — de unos 1200 píxeles de ancho, para que se vea nítido en una pantalla moderna.
- Súbala a algún sitio público que sirva por https y copie su dirección.
- Pegue la dirección en URL de la imagen del banner, dentro de Extras, indique adónde debe llevar en El banner enlaza a, y descríbalo en Descripción del banner para quien tenga las imágenes bloqueadas.
- Es un botón real y pulsable en cualquier cliente de correo, porque no es más que una imagen con un enlace encima: el truco más viejo del correo, y el único que nada consigue romper.
Como celda de tabla con color
- La alternativa es una tabla de una sola celda con color de fondo, algo de relleno interior y un enlace dentro. Se mantiene nítida a cualquier zoom, no cuesta ninguna imagen y sigue viéndose cuando las imágenes están bloqueadas.
- Tiene que ser una celda de tabla con relleno, no un enlace con relleno: Outlook ignora el relleno en un enlace y le queda una línea de texto pelada.
- Así es exactamente como el diseño Banner con llamada a la acción dibuja su botón: elija ese diseño, rellene el texto y el enlace del botón, y ya tiene uno sin escribir nada.
- Si va a pegar su propio marcado en un campo de firma, la forma de abajo es la que debe copiar.
Para la vía de la imagen, Canva, Figma y Photopea tienen planes gratuitos que resuelven esto en un par de minutos; GIMP lo hace sin conexión. Cualquiera de ellos exporta un PNG.
<table role="presentation" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" bgcolor="#2fbfa0" style="padding:12px 24px;border-radius:2px">
<a href="https://example.com/book"
style="font-family:Arial,Helvetica,sans-serif;font-size:14px;
font-weight:bold;color:#ffffff;text-decoration:none">Book a call</a>
</td>
</tr>
</table>