Firma HTML para el correo: cómo hacerla y ponerla en Gmail, Outlook, Apple Mail y Thunderbird

Una firma HTML es una firma de correo hecha con el mismo código que una página web, pero simplificado para que los programas de correo la entiendan: tablas, estilos escritos dentro de cada etiqueta e imágenes alojadas en internet. Casi ningún programa tiene un campo para pegar el código. En Gmail, Outlook y Apple Mail se instala abriendo la firma en el navegador, copiándola tal como se ve y pegándola en el editor de firmas. Thunderbird es la excepción: tiene una casilla Usar HTML que acepta el código directamente.

Abajo tienes las reglas para que el HTML no se descuadre, un código de ejemplo, los pasos en cada programa con los menús en español de España y de México, y la solución a "la veo cuando redacto, pero no al enviarla".

Qué es una firma HTML y por qué no basta con el código de una web

Cualquier firma con negrita, logo o enlaces ya es HTML por dentro. Pero los programas de correo no son navegadores. Los editores de firmas descartan parte del CSS al pegar, Outlook clásico para Windows muestra los correos con el motor de Word y muchos programas bloquean las imágenes hasta que el lector las permite. Por eso una firma HTML se escribe "a la antigua", como los boletines de las grandes marcas: lo que se ve perfecto en Chrome puede llegar con las columnas rotas.

Cómo hacer una firma en HTML que funcione en todos los correos

Las reglas que importan, de la más a la menos crítica:

1. Maqueta con tablas, no con div, flex ni grid, que Outlook para Windows ignora.
2. Estilos en línea (style="..." dentro de cada etiqueta). Los editores de firmas pierden la cabecera <style> al pegar, así que cada etiqueta debe llevar su propio estilo.
3. Fuentes del sistema (Arial, Helvetica, Georgia, Verdana, Trebuchet MS). Gmail y Outlook no cargan fuentes web y Outlook las cambia por Times New Roman.
4. Imágenes alojadas en internet (https://), nunca una ruta de tu ordenador (computadora) como file:///C:/....
5. Atributos width y height en cada imagen: Outlook para Windows no respeta el ancho CSS en imágenes.
6. PNG o JPG, no SVG. Según caniemail (prueba de septiembre de 2026), las versiones antiguas de Outlook para Windows (2007 a 2016) no muestran el SVG, y Gmail lo convierte a PNG.
7. Nombre, teléfono y web en texto, no dentro de una imagen, y un alt en cada imagen.
8. Tamaño moderado: un máximo de unos 600 píxeles de ancho, logo de 120 a 180 píxeles, nombre de 16 a 18 píxeles, texto de 13 a 14 píxeles e iconos sociales de 20 a 24 píxeles.
9. Corto. Gmail admite hasta 10 000 caracteres por firma, y una imagen incrustada cuenta para el límite.

Código de ejemplo para copiar

Esta firma de dos columnas cumple todas las reglas. Cambia los datos, sube tu logo y tus iconos a tu web y sustituye las direcciones https://tu-dominio.com/....

<table cellpadding="0" cellspacing="0" border="0" style="font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:20px;color:#333333;">
  <tr>
    <td style="padding-right:16px;vertical-align:top;">
      <img src="https://tu-dominio.com/firma/logo.png" width="140" height="48" alt="Clínica Dental Albahaca" style="display:block;border:0;">
    </td>
    <td style="border-left:2px solid #2e7d5b;padding-left:16px;vertical-align:top;">
      <strong style="font-size:17px;color:#2e7d5b;">Lucía Navarro</strong><br>
      Directora · Clínica Dental Albahaca<br>
      <a href="tel:+34954123456" style="color:#333333;text-decoration:none;">+34 954 123 456</a> ·
      <a href="https://clinicaalbahaca.es" style="color:#2e7d5b;text-decoration:none;">clinicaalbahaca.es</a><br>
      <a href="https://www.linkedin.com/in/tu-perfil"><img src="https://tu-dominio.com/firma/linkedin.png" width="20" height="20" alt="LinkedIn" style="border:0;"></a>
    </td>
  </tr>
</table>

En México, el teléfono sería, por ejemplo, +52 222 123 4567 (Puebla) con tel:+522221234567. Si guardas el código como archivo .html, usa codificación UTF-8 y añade <meta charset="utf-8"> al principio, o "Lucía" saldrá como "Lucía".

Sin escribir código

Escribir y probar todo esto a mano lleva tiempo. Con Signguin, un generador de firmas de correo gratis, escribes tu correo de trabajo y la herramienta toma de tu web el logo, los colores y los datos de contacto de tu empresa. El resultado es HTML pensado para el correo (tablas, estilos en línea, imágenes de tamaño fijo, iconos en PNG del color de tu marca), con las imágenes alojadas por Signguin y dentro del límite de 10 000 caracteres de Gmail. Para los diseños gratuitos no hace falta registrarse.

Copiar la firma o pegar el código: qué acepta cada programa

Esto casi ningún tutorial lo aclara. Hay dos formas de llevar una firma HTML a tu correo:

• Copiar la firma tal como se ve: la abres en el navegador, la copias y la pegas, con formato, enlaces e imágenes. En Signguin es el botón Copiar firma.
• Pegar el código: el texto que empieza por <table>. Solo sirve donde el programa tiene un campo para HTML. En Signguin es el botón Copiar código HTML.

Si pegas el código donde no se admite, verás el código en vez del diseño; si pegas como texto sin formato (Ctrl+Shift+V), pierdes el diseño.

Desde tu propio código: guárdalo como firma.html, ábrelo en el navegador, pulsa Ctrl+A y Ctrl+C (Cmd+A y Cmd+C en Mac) y pégalo en el editor de firmas.

Cómo poner una firma HTML en Gmail

Gmail no tiene un cuadro para código, pero conserva el formato de lo que pegas.

1. Copia la firma tal como se ve (ver arriba).
2. En Gmail, en el navegador, haz clic en Configuración (la rueda dentada) y luego en Ver todos los ajustes (en Latinoamérica, Ver toda la configuración).
3. En la pestaña General, baja hasta Firma, crea una firma nueva y haz clic en el cuadro.
4. Pega con Ctrl+V (Cmd+V en Mac).
5. Elige la firma en Valores predeterminados de firma y haz clic en Guardar cambios, al final de la página.

Si Gmail dice que la firma es demasiado larga, suele ser una imagen incrustada o el formato oculto de Word o Google Docs: copia siempre desde el navegador. Más detalles, incluida la app del móvil, en cómo poner la firma en Gmail.

Con Signguin también puedes instalarla directamente en Gmail con Añadir a Gmail automáticamente: conectas Gmail una vez y Signguin solo pide permiso para cambiar la configuración de Gmail, nunca lee tus correos ni guarda ese acceso.

Firma HTML en Outlook

Primero, comprueba que Outlook redacta en HTML o la firma llegará como texto sin formato. En Outlook clásico está en Archivo > Opciones > Correo, en la lista Redactar mensajes en este formato. En el nuevo Outlook, en Configuración > Correo > Redactar y responder, apartado Formato del mensaje.

Nuevo Outlook y Outlook en la Web

1. Copia la firma tal como se ve.
2. Selecciona Configuración (la rueda dentada) y ve a Cuentas > Firmas.
3. Selecciona + Nueva firma, ponle un nombre y pega con Ctrl+V.
4. Elige si se añade a los mensajes nuevos y a las respuestas y reenvíos, y selecciona Guardar.

El nuevo Outlook guarda las firmas en tu buzón, así que aquí no hay archivo .htm que editar.

Outlook clásico para Windows: pegar la firma

1. Copia la firma tal como se ve.
2. Ve a Archivo > Opciones > Correo > Firmas.
3. En Seleccionar firma para editar, elige Nueva y escribe un nombre.
4. Haz clic en el cuadro Editar firma y pega con Ctrl+V.
5. En Elegir firma predeterminada, asígnala a los mensajes nuevos y, si quieres, a las respuestas o reenvíos. Selecciona Aceptar.

Según Microsoft, la firma nueva no se añade al mensaje que ya tenías abierto: abre uno nuevo.

Outlook clásico: editar el archivo .htm (avanzado)

Si el editor de Outlook estropea tu firma al pegarla, puedes poner el código en el archivo de la firma, en esta carpeta:

%APPDATA%\Microsoft\Signatures

1. Crea primero en Outlook una firma con cualquier texto y un nombre fácil, por ejemplo "Firma HTML".
2. Cierra Outlook.
3. Pulsa la tecla Windows + R, pega la ruta de arriba y pulsa Intro (Enter).
4. Abre Firma HTML.htm con el Bloc de notas, sustituye todo su contenido por tu código (con <meta charset="utf-8"> al principio) y guárdalo con codificación UTF-8.
5. Abre Outlook y escribe un correo nuevo para comprobarla.

Dos avisos. Si luego editas esa firma en Outlook y guardas, Outlook reescribe el archivo y pierdes tu código. Y con firmas en itinerancia (Microsoft 365 y Outlook.com), Outlook guarda copias en tu buzón, así que el resultado es menos predecible. Para casi todo el mundo, pegar basta. Los pasos de cada versión, en cómo poner la firma en Outlook.

Firma HTML en Apple Mail (Mac) y en el iPhone

Mail no tiene un campo para código, pero acepta una firma pegada con su formato.

1. Copia la firma tal como se ve desde Safari u otro navegador.
2. En Mail, selecciona Mail > Ajustes (en México, Mail > Configuración) y haz clic en Firmas.
3. En la columna izquierda, elige la cuenta y haz clic en el botón Añadir (Agregar en México), debajo de la columna central. Ponle un nombre.
4. Desmarca Usar siempre mi tipo de letra predefinido, o Mail cambiará la fuente de tu firma.
5. Haz clic en la columna derecha y pega con Cmd+V. Cierra la ventana.

Para que la firma vaya justo debajo de tu respuesta, deja marcada Insertar firma antes del texto citado.

En el iPhone, la firma está en Ajustes > Apps > Mail > Firma (en México, Configuración > Apps > Mail > Firma), debajo de Redacción. Apple lo dice claro: en las firmas de Mail solo se puede usar texto. Pegar una firma con formato a veces conserva parte del diseño, pero las imágenes pueden no verse, así que en el teléfono conviene una firma corta de texto. Paso a paso en la firma en el iPhone.

Firma HTML en Thunderbird

Thunderbird es el único de la lista que acepta el código tal cual.

1. Abre el menú ≡ (o Herramientas, si tienes la barra de menús) y elige Configuración de cuenta.
2. En la columna izquierda, haz clic en tu dirección de correo (la página principal de la cuenta).
3. Marca Usar HTML (p.e., <b>negrita</b>). En el Thunderbird en español de México se llama Usar HTML (ej.: <b>negrita</b>).
4. Pega el código en Texto de la firma:. En Signguin, usa Copiar código HTML.
5. Otra opción: marca Adjuntar la firma de un archivo (texto, HTML o imagen): (Adjuntar la firma desde un archivo en México) y elige tu firma.html.

Después, en Redacción y direcciones de la misma cuenta, deja marcada Redactar mensajes en formato HTML. Ahí eliges también si la firma va Bajo mi respuesta (sobre el texto citado) y si se incluye en las respuestas. Cada identidad tiene su propia firma.

La veo cuando redacto, pero no al enviarla: soluciones

Es una duda muy repetida en los foros de Mozilla y Microsoft. Revisa en este orden:

1. La imagen apunta a tu ordenador. file:///C:/Users/... existe en tu equipo, no en el del destinatario; si el programa no la incrusta al enviar, llega un hueco. Enlázala con https://.
2. La imagen está en una carpeta privada de Drive, OneDrive o Dropbox: tú la ves porque has iniciado sesión.
3. El destinatario bloquea las imágenes. Outlook bloquea por defecto la descarga automática de imágenes de internet hasta que el lector pulsa Descargar imágenes. No se puede evitar; por eso los datos van en texto.
4. El correo sale en texto sin formato. Revisa el formato del mensaje (Outlook) o Redactar mensajes en formato HTML (Thunderbird).
5. Usas SVG. Las versiones antiguas de Outlook (2007 a 2016 para Windows) no lo muestran. Cámbialo por PNG.
6. El logo llega como adjunto "image001.png". Outlook clásico incrusta las imágenes insertadas desde tu equipo, y Microsoft advierte que el código VML también puede provocarlo. Usa imágenes enlazadas.

Cómo comprobar tu firma HTML antes de usarla

• Envía un correo nuevo y una respuesta de prueba a una cuenta de Gmail y a otra de Outlook.
• Ábrelos en el teléfono: no debería hacer falta desplazarse hacia los lados.
• Prueba el modo oscuro. Un logo oscuro con fondo transparente puede desaparecer; en Signguin lo resuelve Fondo blanco detrás del logo.
• Pulsa cada enlace, también el del teléfono.
• Con las imágenes bloqueadas, debe entenderse quién eres solo con el texto.

Qué datos poner y en qué orden, en la guía de firma de correo; la despedida que va encima, en saludos cordiales y otras despedidas.

Preguntas frecuentes

¿Cómo hacer una firma en HTML?

Escribe una tabla con estilos en línea, fuentes del sistema como Arial e imágenes PNG alojadas en internet con ancho y alto fijos, o usa un generador. Guarda el código como .html, ábrelo en el navegador, copia la firma tal como se ve y pégala en el editor de firmas. Solo Thunderbird acepta el código directamente.

¿Cómo poner una firma HTML en Gmail?

Gmail no tiene un campo para código. Abre tu firma en el navegador y cópiala. En Gmail, ve a Configuración > Ver todos los ajustes (Ver toda la configuración en Latinoamérica), pestaña General, apartado Firma, pega y haz clic en Guardar cambios. Si la firma es demasiado larga, usa imágenes enlazadas en vez de incrustadas.

¿Puedo pegar el código HTML directamente en Outlook?

No en el editor de firmas: Outlook mostraría el código como texto. Pega la firma tal como se ve. En Outlook clásico para Windows existe la vía avanzada del archivo .htm en %APPDATA%\Microsoft\Signatures, que Outlook reescribe si luego editas la firma en su editor. El nuevo Outlook no usa esa carpeta.

¿Por qué mi firma HTML se ve bien en Gmail y mal en Outlook?

Porque Outlook clásico para Windows muestra los correos con el motor de Word, que ignora el diseño moderno con div, flex o márgenes en CSS, y el ancho CSS de las imágenes. Maqueta con tablas, pon width y height en cada imagen y usa PNG en lugar de SVG.