Generador de firma de correo electrónico
Rellena tus datos y copia una firma hecha con tablas HTML y estilos en línea. Por dentro parece de 1999, pero es el único código en el que todas las aplicaciones de correo coinciden. La vista previa se actualiza mientras escribes y no se sube nada.
No se sube nada. Tu borrador se guarda solo en este navegador, y el logotipo se descarga desde su URL únicamente para dibujar la vista previa.
Tu firma
EjemploAsí se verá bajo tus mensajes. Se redibuja mientras escribes.
Ver el código fuente HTML
Añádela a tu programa de correo
Pulsa “Copiar la firma” y pégala (Ctrl+V o ⌘V) en el lugar indicado para tu programa.
Gmail in a browser
- Open the gear menu and choose See all settings.
- Stay on the General tab and go down to Signature. Press Create new and give it a name.
- Paste into the editing box, then select the signature under For new emails use and On reply/forward use.
- Press Save changes at the very bottom of the page.
The Gmail phone app has its own plain-text mobile signature. Keep that one empty and the app uses this signature.
Outlook on the web and the new Outlook for Windows
- Open the gear, then Account and Signatures.
- Press + New signature, type a name and paste into the box.
- Set it as the default for new messages and for replies, then press Save.
Classic Outlook for Windows
- Go to File, Options, Mail, then Signatures…
- Press New, type a name and paste into the large editing box.
- Pick it in the New messages and Replies/forwards lists, then press OK.
Logo too big? Right-click it in the editor, open Size and Position and type the width you chose on this page.
Apple Mail on a Mac
- Open Mail, Settings, then the Signatures tab.
- Select the account, press + and type a name.
- Clear the Always match my default message font box, then paste into the right-hand pane.
The settings window may draw a question mark where the logo goes. That is expected. The logo shows in the messages you send.
iPhone and iPad
- Open this page on the device itself, fill in the fields and tap Copy the signature.
- Go to Settings, Apps, Mail, Signature (on older iOS versions: Settings, Mail) and paste.
iOS keeps only some of the formatting, so the Compact template survives best. If the pasted result loses its formatting, shake the device and tap Undo to get the formatted version back.
Por qué las firmas se descomponen
Una página web la muestra un navegador que sigue los estándares actuales. Un correo lo muestra lo que el destinatario tenga a mano, y esos programas coinciden en muy poco. El Outlook clásico para Windows maqueta los mensajes con el motor de Microsoft Word. Gmail elimina las hojas de estilo de lo que considera contenido inseguro. El pequeño editor donde pegas una firma quita todavía más.
Lo que sobrevive en todas partes es una lista corta: <table> para la maquetación, atributos style escritos en cada elemento, enlaces simples e imágenes con width y height explícitos. Este generador se ciñe a esa lista. El texto es de 14 píxeles en una fuente que ya tiene cualquier dispositivo (Arial, Verdana o Georgia), la tabla lleva role="presentation" para que los lectores de pantalla no la anuncien como datos, y todo el bloque está limitado a 600 píxeles de ancho.
En qué se convierte cada campo
- Números de teléfono
- Un enlace
tel:, para que tocarlo en un teléfono inicie la llamada. Se supone que un número de 10 dígitos es norteamericano y recibe+1. Para cualquier otro país, escribe el número con+y el prefijo del país, como en+44 20 7946 0958. Una extensión escrita comoext. 204ox204se añade tras una pausa:tel:+14155550123,204. Un número con menos de siete dígitos se omite. - Correo electrónico y sitio web
- Un enlace
mailto:si la dirección tiene la formanombre@dominio.tld. El sitio web recibehttps://en su enlace y se muestra sin eso y sinwww. - Perfiles sociales
- Enlaces de texto con el nombre del servicio que se encuentra en la URL: Facebook, Instagram, LinkedIn, YouTube, X, Bluesky, GitHub y unos diez más. Una dirección que no reconocemos muestra su nombre de host.
- Logo
- Una
<img>que apunta a la dirección que des, de entre 40 y 300 píxeles de ancho. La herramienta carga la imagen una vez para conocer sus proporciones y escribe elheightcorrespondiente, porque Outlook estira las imágenes que no lo tienen. - Letra pequeña
- Una línea de confidencialidad o aviso legal en gris de 11 píxeles bajo la firma.
Las advertencias y qué hacer
| Advertencia | Por qué importa |
|---|---|
| Color de acento por debajo de 4,5:1 sobre blanco | El color se usa en los enlaces y en el nombre de la empresa. Por debajo de ese ratio de contraste, a las personas con baja visión les cuesta leerlos. Elige un tono más oscuro. |
Logo incrustado (data:) | Muchas aplicaciones de correo lo bloquean o lo convierten en un archivo adjunto en cada mensaje. |
Logo por http:// | Las aplicaciones de correo que funcionan sobre páginas seguras rechazan las imágenes no seguras. |
| Logo SVG | Gmail y Outlook no muestran SVG. Exporta un PNG o JPG. |
| Logo en Google Drive, Dropbox u OneDrive | Un enlace para compartir abre una página de visor, no el archivo de imagen. |
| El logo no carga | Abre la dirección en una ventana privada. Deberías ver la imagen y nada más, sin inicio de sesión. |
| Muy grande o muy pequeño | Más de 1.200 píxeles de ancho ralentiza cada mensaje. Más estrecho que el ancho mostrado se ve borroso. Apunta al doble del ancho mostrado. |
Elegir un diseño
- Logo a la izquierda es el predeterminado: dos columnas separadas por una línea vertical del color de acento.
- Clásico apila todo en una columna con el logo al final. Es el que mejor aguanta cuando una aplicación descarta columnas de tabla.
- Línea de acento empieza con una línea horizontal de color y mantiene los datos de contacto en una sola fila.
- Compacto son dos líneas sin logo. Es el ideal para respuestas y para las aplicaciones de correo del teléfono, que conservan poco formato.
Mucha gente guarda dos, una completa para los mensajes nuevos y la compacta para las respuestas. Antes de decidirte, pulsa “Preview in dark mode” para enviar la firma a la vista previa de correo en modo oscuro y ver si el logo y los colores aguantan sobre un fondo oscuro.
Lo que el generador no hace
No aloja tu logo, así que la imagen ya tiene que estar en línea en una dirección pública. No dibuja iconos de redes sociales, y es a propósito: cada icono es una imagen remota más que puede bloquearse. No puede mostrar cómo representará el resultado una versión concreta de Outlook, así que envíate un mensaje de prueba cuando la firma esté instalada. Tu borrador se guarda solo en este navegador. Abre la página en otro dispositivo y encontrarás un formulario vacío.
Preguntas frecuentes
¿Cómo añado una firma HTML en Gmail?
Pulsa “Copy the signature” aquí. En Gmail, abre el menú del engranaje, Ver todos los ajustes, General, Firma, crea una nueva y pega. Elígela para correos nuevos y para respuestas, y guarda los cambios al final de la página.
¿Por qué mi logo llega como archivo adjunto?
La imagen estaba incrustada en el mensaje. Las aplicaciones de correo envían entonces el archivo con cada mensaje, y muchos destinatarios lo ven como adjunto. Enlaza a una imagen alojada en un servidor web y el problema desaparece.
¿Qué tamaño debe tener el logo de una firma?
Mostrado con un ancho de entre 100 y 200 píxeles, a partir de un archivo de más o menos el doble de ancho para que se vea nítido en pantallas de alta densidad. Mantén el archivo por debajo de unos 50 KB. PNG va bien para logos planos y JPG para fotos.
¿Debería ser toda mi firma una sola imagen?
No. Muchas aplicaciones de correo bloquean las imágenes por defecto, los lectores de pantalla no pueden leerlas, no se adaptan al modo oscuro y nadie puede tocar ni copiar un número de teléfono que forma parte de una imagen. Usa texto real y reserva la imagen para el logo.
¿Puedo usar la fuente de mi marca?
No de forma fiable. Gmail y Outlook ignoran las fuentes web y el texto cae en una fuente predeterminada. Arial, Verdana y Georgia existen en prácticamente todos los dispositivos, así que la firma se ve igual en todas partes.
¿Por qué la firma se ve distinta en las respuestas?
Algunas aplicaciones convierten las respuestas a texto sin formato o aplican el formato del mensaje al que respondes. Configura una firma compacta para las respuestas y comprueba que tu aplicación redacta en HTML y no en texto sin formato.