Utilia

Generador de firmas de correo electrónico

Crea una firma de correo HTML profesional con tu foto o logotipo, datos de contacto y redes sociales, y cópiala en Gmail, Outlook o Apple Mail.

Tus datos
Perfiles sociales

Pega la dirección completa del perfil, p. ej. https://www.linkedin.com/in/tu-nombre.

Logotipo o foto

Una imagen local se incrusta en la firma como data URI (redimensionada a 240 px). Muchos clientes de correo, entre ellos Gmail y Outlook, bloquean o eliminan las imágenes incrustadas: una URL de imagen alojada funciona mejor.

Diseño

Vista previa

Es posible que las imágenes cargadas desde una URL no aparezcan en esta vista previa (esta página bloquea las imágenes externas), pero sí se verán en tus correos.

Comprobaciones

Cómo crear tu firma de correo electrónico

  1. Rellena Tus datos: nombre completo, cargo, empresa, correo electrónico, teléfono, móvil, sitio web y dirección. Deja vacío cualquier campo para ocultar su línea.
  2. Pega las direcciones completas de tus Perfiles sociales (LinkedIn, X, Instagram, Facebook, YouTube, GitHub). Aparecen como enlaces de texto en tu color de acento.
  3. Añade un Logotipo o foto. La mejor opción es una URL de imagen alojada (recomendado): la dirección https:// de una imagen que ya esté en tu sitio web. También puedes elegir un archivo local, que se incrusta en la firma (consulta las limitaciones más abajo).
  4. Elige una Plantilla (Clásica (imagen al lado), Apilada o Compacta), un Color de acento, una Fuente y el Ancho de la imagen. Marca Imagen redonda si quieres una foto circular.
  5. Revisa la Vista previa, haz clic en Copiar firma y pégala en tu aplicación de correo. Copiar código HTML y Descargar te dan el código sin procesar para las aplicaciones que aceptan HTML.

Cargar ejemplo rellena el formulario con datos de muestra para que pruebes las plantillas. Todo ocurre en tu navegador: nada de lo que escribes o subes se envía a ningún sitio.

Por qué la firma se construye con tablas y estilos en línea

Las aplicaciones de correo no son navegadores web. Outlook para Windows muestra los mensajes con el motor de Word, Gmail elimina los bloques <style> de las firmas y muchas aplicaciones ignoran el CSS moderno, como flexbox o grid. Por eso esta herramienta genera el tipo de HTML que funciona en todas partes: una tabla de maquetación con role="presentation", atributos style en línea en cada elemento, fuentes seguras para la web (Arial, Verdana, Tahoma, Trebuchet MS, Georgia) y enlaces de texto sencillos en lugar de iconos en imagen. Todos los valores que escribes se escapan, así que un < o un & perdido en el cargo no puede romper el código.

Los números de teléfono se convierten en enlaces tel: (para poder pulsarlos en el móvil), la dirección de correo en un enlace mailto: y las direcciones web sin https:// se completan automáticamente. Los enlaces que no son direcciones web se omiten y aparecen en Comprobaciones.

Imágenes: ¿URL alojada o archivo incrustado?

Una imagen local se convierte en un data URI, es decir, la propia imagen se escribe dentro del HTML. La herramienta la redimensiona a 240 píxeles para que ocupe poco, pero muchos clientes siguen bloqueando o eliminando los data URI: Gmail los rechaza en las firmas, Outlook suele mostrar un recuadro vacío y el destinatario puede ver un archivo adjunto en su lugar. Una imagen alojada (por ejemplo, https://www.example.com/logo.png) es más ligera y se muestra en muchas más aplicaciones. Sube tu logotipo a tu sitio web y pega su URL. Ten en cuenta que las imágenes cargadas desde una URL pueden no aparecer en la vista previa de esta página, porque bloquea las imágenes externas por privacidad, pero sí aparecen en tus correos.

Cómo añadir la firma a tu aplicación de correo

  • Gmail: abre Configuración (icono del engranaje) → Ver todos los ajustes → General → Firma → Crear nueva. Pega con Ctrl+V (Cmd+V) y haz clic en Guardar cambios al final de la página. Gmail limita las firmas a 10 000 caracteres.
  • Outlook (el nuevo Outlook y Outlook en la web): Configuración → Cuenta → Firmas, crea una firma, pégala y guarda. En el Outlook clásico para Windows: Archivo → Opciones → Correo → Firmas.
  • Apple Mail: Mail → Ajustes → Firmas, selecciona tu cuenta, haz clic en +, pega la firma y desmarca Usar siempre mi tipo de letra por omisión para conservar las fuentes y los colores.

Los nombres exactos de los menús pueden variar ligeramente según la versión y el idioma de tu aplicación.

Preguntas frecuentes

¿Por qué veo una imagen rota o un adjunto en los correos que envío?

Lo más probable es que la imagen esté incrustada como data URI, algo que muchos clientes de correo bloquean. Usa una URL de imagen alojada: es la forma más fiable de mostrar un logotipo o una foto.

¿Por qué la foto redonda se ve cuadrada en Outlook?

Outlook para Windows ignora el estilo border-radius. Si la forma es importante, recorta la foto en círculo y guárdala como PNG con fondo transparente antes de usarla.

¿Puedo editar el HTML yo mismo?

Sí. Usa Copiar código HTML o Descargar y edita el código en cualquier editor de texto. Conserva las tablas y los estilos en línea: la mayoría de los clientes de correo ignoran las hojas de estilo y las clases.

¿Por qué las redes sociales aparecen como texto y no como iconos?

Los iconos serían imágenes, y las imágenes son la parte de una firma que se bloquea con más frecuencia. Los enlaces de texto se muestran siempre, siguen siendo legibles en modo oscuro y no hacen la firma más pesada.

¿Se guarda o se envía mi información a algún sitio?

No. La firma se genera en tu navegador. No se sube nada y la página no conserva nada cuando la cierras.