Firma HTML en Gmail: cómo crearla e instalarla (guía 2026)

El editor de firmas de Gmail limita cada firma a 10.000 caracteres según la ayuda de Google Workspace, y aun así se niega a aceptar HTML en bruto pegado como código. En 2026, la única forma fiable de instalar una firma HTML personalizada en Gmail consiste en renderizar el HTML en una pestaña del navegador, copiar la salida renderizada y pegarla en el editor de firmas, que conserva en silencio la mayoría de estilos en línea y disposiciones basadas en tablas. Esta guía te da la receta que funciona, las etiquetas que Gmail mantiene frente a las que elimina, el requisito de alojamiento de imágenes y las trampas de renderizado móvil que arruinan la mitad de las firmas de marca desplegadas por equipos pequeños.

Por qué HTML y no solo formato enriquecido

El editor de firmas integrado en Gmail ofrece formato enriquecido (negrita, cursiva, color, tamaño de fuente, imágenes en línea, enlaces), pero no puede colocar un logo a la izquierda con un bloque de contacto al lado, controlar el padding ni usar una fuente de marca. Las firmas HTML resuelven esas disposiciones mediante marcado basado en tablas y estilos en línea, y por eso los equipos que necesitan una firma de marca coherente construyen el marcado por separado e importan el resultado renderizado.

El editor básico de firmas de Gmail basta si solo necesitas tres líneas de texto y un enlace. En cuanto quieras un logo a la izquierda, tres líneas de contacto a la derecha, un separador y debajo un pequeño aviso legal en gris de 11px, el editor enriquecido se queda corto. No puedes aplicar padding a una celda. No puedes fijar una imagen a la izquierda mientras el texto fluye a su derecha. No puedes aplicar un hexadecimal de marca concreto a un único span.

Las firmas HTML resuelven esas restricciones usando el mismo patrón de tablas que los clientes de correo HTML renderizan de forma fiable desde hace dos décadas. Por eso todos los generadores comerciales de firmas producen marcado <table> con estilos en línea, no disposiciones <div> con flex: las tablas se renderizan de forma predecible en Gmail, Outlook, Apple Mail y Yahoo Mail. Flexbox no.

Si todavía estás en el flujo básico, la guía genérica de firma de Gmail cubre el editor enriquecido de principio a fin. Este artículo toma el relevo donde aquel termina y entra en el HTML.

Qué conserva Gmail y qué elimina

El editor de firmas de Gmail acepta HTML con estilos en línea cuando pegas un render, no código en bruto. Conserva disposiciones basadas en tablas, estilos en línea sobre elementos comunes, etiquetas de enlace básicas e imágenes referenciadas por URL absoluta. Gmail elimina etiquetas script, iframes, elementos de formulario, hojas de estilo externas, clases CSS y cualquier JavaScript. Los estilos en línea sobreviven, los selectores de clase no.

Resumen práctico de lo que sobrevive al paso por Gmail:

Conservado (úsalo con tranquilidad):

• <table>, <tr>, <td> con los atributos cellpadding, cellspacing, border, style
• <a href="..."> con atributos style y target
• <img src="https://..."> con style, alt, width, height
• <span>, <p>, <div>, <br>, <strong>, <em> con style en línea
• Propiedades CSS en línea: color, font-family, font-size, font-weight, text-decoration, padding, margin, background-color, border, vertical-align, text-align

Eliminado o poco fiable:

• <script>, <iframe>, <form>, <input>
• Bloques <style> y <link rel="stylesheet"> (Gmail retira las reglas; los selectores de clase que dependían de ellas dejan de funcionar)
• Clases CSS e IDs como selectores (los atributos pueden quedar, pero sin la hoja de estilo nada los aplica)
• position, float y disposiciones CSS modernas (flexbox, grid) se renderizan de manera inconsistente entre clientes destinatarios, aunque Gmail las conserve
• Tipografías web vía @import o @font-face (usa una pila de fuentes de respaldo en su lugar)

Por eso cada plantilla fiable de firma HTML que encuentras está construida con tablas anidadas y estilos en línea. Parece HTML de 2005 porque eso es exactamente lo que el techo de compatibilidad de clientes de correo te obliga a escribir en 2026.

Prueba Mailbird gratis

La receta renderizar-y-copiar (el único método que funciona)

Gmail no acepta HTML en bruto pegado como texto en el editor de firmas. El método fiable es abrir tu archivo HTML en una pestaña del navegador, seleccionar el render con Ctrl+A, copiarlo con Ctrl+C y pegarlo en el editor de firmas de Gmail con Ctrl+V. Gmail captura del portapapeles el contenido renderizado con sus estilos en línea y lo almacena como firma.

Los pasos exactos:

1. Guarda tu firma HTML como archivo local, por ejemplo signature.html. El archivo debe contener un documento HTML completo con la firma dentro de una etiqueta <body>, todos los estilos en línea sobre los elementos.
2. Abre el archivo en cualquier navegador (Chrome, Edge, Firefox, Safari funcionan). Verás la firma renderizada.
3. Selecciona todo el contenido renderizado con Ctrl+A (o Cmd+A en Mac). Si tu archivo solo contiene la firma, capturas todo limpiamente. Si hay contenido alrededor, selecciona solo la zona de la firma haciendo clic y arrastrando.
4. Copia con Ctrl+C (Cmd+C).
5. Cambia a Gmail web. Pulsa el icono del engranaje, luego Ver toda la configuración, después baja hasta la sección Firma de la pestaña General.
6. Pulsa Crear nueva si aún no tienes firma, o pulsa en el cuadro de edición de una firma existente.
7. Pulsa dentro del cuadro de edición de la firma y pega con Ctrl+V (Cmd+V).
8. La firma renderizada aparece en el editor con el formato conservado.
9. Baja al final de la pestaña General y pulsa Guardar cambios. Gmail no guarda de forma automática.

Algunos detalles que despistan:

• Si pegas desde un editor de texto o directamente desde el código fuente HTML, Gmail recibe texto plano y verás las etiquetas HTML como caracteres visibles en el editor. Pega siempre desde una pestaña de navegador renderizada, nunca desde la vista de código fuente.
• Si tu firma incluye imágenes, deben estar referenciadas con URLs públicas absolutas (lo cubre la siguiente sección) antes de renderizar y copiar. Las rutas locales se rompen al pegar.
• Si has usado clases CSS, conviértelas en estilos en línea antes de renderizar. Tras pegar ya no hay hoja de estilo que aplique las reglas de clase.

Lo probé en mayo de 2026 con una firma de tres elementos (logo, bloque de contacto, aviso legal) sobre Chrome 124 contra Gmail web. El resultado pegado coincidía píxel a píxel con la previsualización renderizada en la pestaña, con todos los estilos en línea y el padding de las celdas de la tabla intactos.

Alojamiento de imágenes: por qué los archivos locales fallan

Gmail no incrusta archivos de imagen locales en las firmas. Cualquier imagen referenciada en tu firma HTML debe estar alojada en una URL HTTPS pública accesible antes de copiar y pegar la firma renderizada, de lo contrario la imagen se rompe en cuanto abandonas la pestaña de renderizado. La solución estándar es subir la imagen a tu web, a un CDN o a un servicio como Google Drive (en público), Imgur o un CDN de una herramienta de marketing.

El mecanismo: al copiar desde una pestaña del navegador, el portapapeles contiene el HTML renderizado con referencias <img src="https://...">. Gmail conserva la cadena de URL pero no descarga ni rehospeda la imagen. La URL que figuraba en el origen debe seguir accesible durante toda la vida de la firma.

Opciones de alojamiento prácticas:

• Tu propia web. Mejor opción para organizaciones. Sube signature-logo.png a una URL estable como https://tuempresa.com/email/signature-logo.png y referénciala directamente. Fíjala, nunca la sustituyas sin redirección.
• Un CDN bajo tu control. Cloudfront, BunnyCDN o cualquier CDN de imágenes estándar. Estable y rápido.
• Google Drive (público). Funciona, con un detalle: las URLs de imagen compartida de Drive usan un formato de redirección que algunos clientes de correo consideran sospechoso. Pruébalo antes de depender de ello.
• Evita hospedadores temporales. Hospedajes de imágenes gratuitos que caducan a los 90 días o que bloquean el hotlinking convierten tu firma en un marcador roto al trimestre siguiente.

Dos recordatorios técnicos sobre la imagen alojada:

• Usa HTTPS, no HTTP. Algunos clientes destinatarios bloquean contenido remoto inseguro.
• Mantén el peso del archivo bajo 50 KB si puedes, 100 KB como máximo. Las imágenes de firma viajan en línea en cada correo y se acumulan rápido a lo largo de miles de envíos.

Para el truco de Gmail de usar una identidad de envío distinta por firma, la guía Enviar como otra dirección vale la pena cuando ya tengas tu firma HTML lista, porque cada identidad de send-as recibe su propia ranura de firma.

El límite de 10.000 caracteres y qué lo dispara

El editor de firmas de Gmail aplica un límite de 10.000 caracteres por firma según la ayuda de Google Workspace, y el recuento es sobre el HTML subyacente, no sobre el texto visible. Firmas HTML muy estilizadas con tablas anidadas, imágenes largas codificadas en base64 o CSS en línea extenso pueden alcanzar el límite aun cuando la firma visible solo ocupe seis líneas de texto. Elimina atributos innecesarios, sustituye las imágenes base64 por URLs alojadas y consolida los estilos en línea para quedar muy por debajo.

El tope de 10.000 caracteres está documentado en las páginas de ayuda de Gmail y lo confirma cualquiera que haya intentado pegar una firma compleja generada y haya recibido el error “la firma es demasiado larga”. Lo que infla el recuento:

• Imágenes en base64 incrustadas. Un solo logo de 30 KB codificado en base64 produce unos 40.000 caracteres de contenido <img src="data:image/png;base64,...">. Eso solo basta para superar el límite. Usa siempre URLs alojadas para las referencias de imagen.
• Exceso de estilos en línea. Cada celda de cada tabla puede arrastrar más de 200 caracteres de atributos style. Un layout de cuatro columnas y tres filas se multiplica rápido.
• HTML de Microsoft Word. El HTML pegado de Word contiene bloques de comentarios, declaraciones de namespaces y etiquetas <o:p> que disparan el recuento sin renderizar nada. Si tu diseñador maquetó la firma en Word, descarta el HTML y reconstrúyela en un editor de código.
• SVG en línea. Los iconos de firma dibujados como SVG en línea son nítidos pero verbosos. Una fila de cuatro iconos sociales puede ocupar 2.000 caracteres de datos de trazado.

La forma de quedar a salvo: apuntar a un recuento final por debajo de 5.000 caracteres. Eso deja margen para futuras ediciones y para la limpieza invisible que Gmail aplica al pegar.

Usar un generador de firmas e importar el resultado

La mayoría de generadores comerciales de firmas (HubSpot Signature Generator, MySignature, Mailbutler, WiseStamp y otros) producen firmas HTML pensadas para Gmail. Muestran una previsualización, luego ofrecen un botón “Copiar al portapapeles” o “Aplicar a Gmail” que captura el render, que pegas directamente en el editor de firmas de Gmail. El patrón de importación es el mismo método renderizar-y-copiar que usarías con HTML escrito a mano.

El flujo con un generador:

1. Elige una plantilla con layout basado en tablas, no flex ni grid. La mayoría de generadores serios usan tablas por defecto.
2. Rellena tus datos: nombre, cargo, empresa, teléfono, enlaces, URL del logo.
3. Sube tu logo al generador, que normalmente lo aloja en su propio CDN. Si quieres controlar el alojamiento, sobreescribe con tu URL.
4. Pulsa “Copiar” o “Aplicar a Gmail”. La firma renderizada pasa al portapapeles.
5. Pega en el editor de firmas de Gmail. Guarda los cambios.

Qué verificar antes de confiar en la salida de un generador:

• Estabilidad de la URL de imagen. Si el generador aloja tu logo, ¿qué pasa al cancelar la suscripción? Algunos generadores hacen caducar la imagen alojada. Aloja tú mismo el logo si la longevidad importa.
• Recuento de caracteres. Pasa el HTML generado por un contador de caracteres antes de pegar. Si supera 8.000, simplifica la plantilla o quita elementos no usados.
• Renderizado móvil. La previsualización del generador es de escritorio. Mándate un correo de prueba y revisa en Gmail iOS y Gmail Android antes de cantar victoria.
• Píxeles de seguimiento. Algunos generadores gratuitos inyectan un píxel de seguimiento 1x1 en la firma para anunciarse ante tus destinatarios. Lee la letra pequeña o elige un plan de pago que desactive el seguimiento.

Un generador de firmas es un ahorro de tiempo, no una varita mágica. Se aplican las mismas restricciones de caracteres, alojamiento de imágenes y renderizado.

Renderizado móvil: Gmail iOS, Android y la trampa de la firma duplicada

Una firma HTML rica configurada en Gmail web se sincroniza en el servidor y se usa cuando la aplicación móvil de Gmail compone una respuesta o un reenvío dentro de un hilo. Sin embargo, las aplicaciones móviles de Gmail en iOS y Android tienen un ajuste separado de Firma Móvil que, si está activo, añade una firma en texto plano a los mensajes nuevos compuestos en la app, lo que produce una firma duplicada. Vacía la Firma Móvil en la app para evitarlo.

Cómo funciona:

• Tu firma de Gmail web se almacena en los servidores de Google asociada a la cuenta.
• Cuando la aplicación móvil de Gmail envía un mensaje, le pide al servidor si existe una firma web para la cuenta y la añade.
• La aplicación móvil tiene además su propio ajuste local de Firma Móvil que añade texto plano a los nuevos mensajes compuestos en la app.
• Si ambos están definidos, los destinatarios ven tu firma HTML completa seguida abajo de la firma en texto plano.

Para arreglarlo:

• En Android: App de Gmail, menú de hamburguesa, Ajustes, toca tu cuenta, Firma móvil, vacía el campo y toca Aceptar.
• En iOS: App de Gmail, menú de hamburguesa, Ajustes, toca tu cuenta, Ajustes de firma, desactiva el interruptor.

Con la Firma Móvil vacía, la aplicación móvil de Gmail usa tu firma HTML configurada en web para respuestas y reenvíos. Los mensajes nuevos compuestos en la app móvil pueden recoger también la firma web según la versión de la aplicación; si no, los mensajes salen sin firma y los destinatarios verán la firma completa cuando respondas desde la web.

Otro detalle móvil: el modo oscuro. Gmail iOS y Android muestran los mensajes en modo oscuro para quien lo activa. Las firmas HTML con fondo blanco fijo o texto oscuro sobre fondo claro pueden volverse ilegibles. Solución: probar en modo oscuro y o bien retirar los colores de fondo, o bien fijarlos con media queries dirigidas al modo oscuro (soporte limitado).

Para una visión más amplia de la organización de la bandeja, la guía organizar correos de trabajo cubre la higiene de filtros y etiquetas que complementa una prospección apoyada en la firma.

Una receta limpia: construir, renderizar, instalar, verificar

La receta fiable de principio a fin: redactar la firma HTML en un editor de código con todos los estilos en línea y todas las imágenes en URLs HTTPS públicas, guardar como archivo .html local, abrir en Chrome, seleccionar todo y copiar el render, pegar en Gmail Ajustes General Firma, pulsar Guardar cambios al final de la página, enviarte un correo de prueba y verificar el renderizado en web, Android e iOS antes de confiar en ella.

El paso a paso tal como lo aplico con clientes:

1. Redacta el HTML. Parte de una plantilla basada en tablas. Pon cada estilo en línea. Referencia las imágenes mediante URL HTTPS absoluta.
2. Valida el recuento de caracteres. Pega en un contador de caracteres. Confirma que estás por debajo de 8.000.
3. Guarda como signature.html. Un documento HTML completo con <html>, <head> (solo charset) y <body> con la firma.
4. Abre en Chrome. Usa la versión estable más reciente de Chrome para una gestión limpia del portapapeles.
5. Selecciona y copia. Ctrl+A, Ctrl+C (o Cmd+A, Cmd+C).
6. Abre los ajustes de Gmail. Engranaje, Ver toda la configuración, baja hasta Firma en la pestaña General.
7. Crea o edita la firma. Pulsa Crear nueva, dale nombre, después pega con Ctrl+V.
8. Establece los valores por defecto. En “Valores predeterminados de la firma”, elige qué firma se aplica a los correos nuevos y qué firma se aplica a respuestas y reenvíos. La mayoría de equipos usa la firma HTML completa para correos nuevos y, o bien una versión corta, o ninguna, para respuestas.
9. Guarda cambios. Baja hasta el final de la pestaña General y pulsa Guardar cambios. El guardado es de toda la página, no por sección.
10. Prueba en web. Redacta un nuevo correo a ti. Confirma el render de la firma.
11. Prueba en Android. Abre el correo de prueba en la app de Gmail Android. Confirma el render.
12. Prueba en iOS. Lo mismo en la app de Gmail iOS.
13. Prueba en modo oscuro. Pasa el dispositivo o la app de Gmail a modo oscuro. Confirma que la firma sigue legible.
14. Prueba fuera de Gmail. Envía una copia a una dirección no Gmail (Outlook, iCloud, una cuenta de Apple Mail) y verifica el render multicliente.

Cualquier cosa que se rompa en los pasos 10 a 14 te devuelve al HTML para corregir. La rotura más habitual es una URL de imagen que devuelve 403 desde una red distinta, seguida de anchos de celda de tabla que colapsan en viewports móviles estrechos.

Si tienes varias direcciones configuradas vía alias de Gmail o atajos de teclado ajustados para alto volumen de envío, cada una puede llevar su propia firma HTML y comportarse de forma coherente una vez que el render y el alojamiento están bien.

Preguntas frecuentes

¿Puedo pegar código HTML en bruto en el editor de firmas de Gmail?

No. El editor de firmas de Gmail no acepta código HTML en bruto. Si pegas el HTML como texto, las etiquetas aparecen como caracteres visibles en el cuadro de la firma en lugar de interpretarse. El método que funciona es renderizar el HTML en una pestaña del navegador, copiar el render y pegarlo en el editor, que conserva entonces los estilos en línea y la estructura.

¿Cuál es el tamaño máximo de una firma de Gmail?

Google documenta un límite de 10.000 caracteres por firma en las páginas de ayuda de Gmail. El recuento es sobre el HTML subyacente, así que firmas muy estilizadas, imágenes incrustadas en base64 o HTML generado en Word pueden alcanzar el tope aun cuando la firma visible sea corta. Apunta a menos de 5.000 caracteres de HTML limpio por seguridad.

¿Por qué desaparece mi imagen de la firma HTML?

Dos causas frecuentes. Primero, la imagen está referenciada con una ruta local (por ejemplo file:/// o C:\Users) que Gmail no puede recuperar. Aloja la imagen en una URL HTTPS pública y actualiza el atributo src. Segundo, el servicio de alojamiento bloquea el hotlinking o retira la imagen tras un breve período. Usa un alojamiento estable como tu propia web, un CDN bajo tu control o un servicio de alojamiento de imágenes de pago.

¿Soporta Gmail clases CSS en las firmas?

No de forma fiable. Gmail elimina los bloques de estilo y las hojas de estilo externas, dejando los selectores de clase sin reglas que aplicar. Convierte cada clase CSS a un atributo style en línea sobre el elemento antes de renderizar y copiar. Los estilos en línea sobreviven, los selectores de clase no.

¿Debo usar tablas o divs para el layout de la firma?

Usa tablas para el layout. Los clientes de correo (Gmail, Outlook, Apple Mail, Yahoo, en web y móvil) renderizan tablas anidadas con estilos en línea de forma predecible. Flexbox y grid se renderizan de forma inconsistente entre clientes, en particular en versiones antiguas de Outlook, y pueden romper en anchuras móviles. Por eso todos los generadores serios producen HTML basado en tablas.

¿Por qué mi firma de Gmail aparece duplicada en móvil?

Las apps de Gmail en iOS y Android tienen un ajuste separado de Firma Móvil que, si está activo, añade una firma en texto plano además de la firma HTML configurada en web. Vacía la Firma Móvil en la app (Ajustes, tu cuenta, Firma móvil en Android, o Ajustes de firma en iOS) y la duplicación desaparece.

Fuentes

1. Google, “Crear una firma de Gmail” — referencia canónica para el editor de firmas, el límite de 10.000 caracteres, los valores por defecto de firma y las opciones de inserción de imagen. support.google.com/mail/answer/8395
2. Google Workspace Admin Help, “Configurar pies de página de cumplimiento de Gmail” — reglas de pie de página impuestas por el administrador que se añaden tras las firmas de usuario a nivel de servidor. support.google.com/a/answer/2905869
3. Google, “Enviar correo desde otra dirección o alias” — configuración de firma send-as, una firma por identidad send-as. support.google.com/mail/answer/22370