Cómo crear tu firma
- Elige Dibujarla para firmar a mano alzada con tu ratón, trackpad, lápiz óptico o dedo, o Escribirla para representar tu nombre en una fuente manuscrita en su lugar.
- En modo Dibujo, simplemente dibuja en el lienzo, el suavizado de trazo se aplica automáticamente sobre la marcha. Usa Deshacer para eliminar tu último trazo, o Borrar para empezar de cero.
- En modo Escribir, escribe tu nombre y elige una fuente y un color de tinta; la previsualización se actualiza en vivo y se encoge automáticamente para caber en nombres largos.
- Haz clic en Descargar PNG. El archivo queda ajustado estrechamente a tu firma real (sin márgenes vacíos amplios) y conserva un fondo transparente, listo para soltar en un documento, PDF o pie de correo.
Todo ocurre en tu propio dispositivo, nada de lo que dibujes o escribas se sube nunca a ningún sitio.
Por qué generar una firma online
La mayoría de las personas que necesitan una imagen de firma no están intentando firmar electrónicamente de forma legal un contrato multiparte, están terminando una tarea cotidiana: añadir una línea de firma a una factura, un permiso, un presupuesto de autónomo, o el bloque de cierre al final de un correo. Imprimir una página solo para firmarla y volver a escanearla es lento, y el resultado escaneado suele ser una copia de calidad inferior al original. Un PNG rápido y limpio de tu propia firma (dibujado una vez y reutilizado tantas veces como quieras) resuelve eso sin ninguna de las molestias.
Esta herramienta te da dos formas honestas de conseguirlo: dibujarla a mano con suavizado de trazo para que una línea temblorosa de trackpad todavía se vea razonablemente limpia, o escribir tu nombre en una fuente manuscrita si prefieres no dibujar con un ratón en absoluto. En cualquier caso, el resultado es un PNG plano y transparente, sin marca de agua, sin cuenta, sin limitación de “prueba” que expire.
Qué le está haciendo el suavizado a tu trazo
La entrada de puntero en bruto es ruidosa. Un navegador dispara eventos de movimiento mucho más densamente de lo que necesita una curva dibujada a mano, y unir esas muestras con líneas rectas produce ese aspecto facetado y tembloroso que tienen casi todos los paneles de firma dentro del navegador.
Aquí lo arreglan dos pasadas. Primero, los puntos que están a menos de unos dos píxeles del último punto conservado se descartan, porque aportan temblor y no forma. Después los puntos supervivientes se dibujan como una cadena de curvas cuadráticas usando la técnica clásica del punto medio: cada punto en bruto se convierte en punto de control, y cada curva termina en el punto medio entre ese punto y el siguiente. Es el mismo enfoque que usa la conocida librería signature_pad, y no necesita ninguna librería de splines, así que no se descarga nada adicional para ejecutarlo.
Hay un tercer caso que suena trivial y no lo es. Un toque casi sin arrastre, que es como se pone el punto de una i o un punto final tras una inicial, produce uno o dos puntos casi idénticos y por tanto ninguna línea visible. Esos se detectan y se dibujan como un pequeño punto relleno en lugar de desvanecerse.
El lienzo funciona además internamente al doble de su resolución mostrada, así que la tinta exportada sale nítida en la pantalla de un portátil o un móvil de alta densidad.
Por qué la exportación se recorta a tu tinta
Descargar el panel entero te daría una imagen ancha que es casi toda nada. En su lugar, se recorren los datos de píxel buscando la caja envolvente ajustada de todo lo que tenga un valor alfa por encima de un umbral pequeño, deliberadamente por encima de cero para que el fleco tenue de suavizado alrededor de un trazo no infle la caja varios píxeles por cada lado. Esa caja se expande con 20 píxeles de margen, se acota al lienzo para que una firma dibujada pegada al borde siga exportándose limpia, y solo esa región se copia a la salida.
El resultado práctico: tu PNG mide aproximadamente lo que mide tu firma, con un contorno transparente y sin rectángulo blanco. Eso es lo que hace que encaje limpiamente en Firmar PDF sobre una línea de firma existente, o en la subida de línea de firma del Creador de Certificados, en lugar de tapar la línea impresa con un bloque opaco.
Fuentes alojadas aquí, porque una página de firmas no debería llamar a casa
El modo mecanografiado usa Dancing Script, Caveat, Pacifico y Shadows Into Light, todas con licencia OFL y todas servidas desde este sitio como archivos .woff2 del subconjunto latino. La alternativa obvia, un enlace a una hoja de estilos de un CDN de fuentes, significaría que tu navegador anuncia a un tercero que acaba de cargar una página sobre generar tu firma, con tu dirección IP incluida. Para la mayoría de páginas ese intercambio es discutible. En esta no lo es, así que las fuentes viven aquí.
Que el subconjunto sea el latino importa además para un nombre en español: los acentos y la eñe están dentro de ese subconjunto, así que un nombre como “Begoña Martínez” se renderiza correctamente en las cuatro tipografías.
La línea entre una imagen y una firma electrónica de verdad
Una imagen de firma es una marca, no una prueba. No lleva certificado, ni vínculo criptográfico con un documento, ni registro de quién la aplicó, lo que significa que cualquiera que obtenga el PNG puede pegarlo sobre cualquier cosa. Trátala como tratarías un sello de goma con tu nombre: vale para el papeleo del día a día, y no sustituye a un servicio de firma certificada cuando un contrato, un trámite legal o un proceso regulado lo exige.
Para un bloque de contacto completo en lugar de una marca manuscrita, el Generador de Firma de Correo construye la versión con nombre, cargo y enlaces. Para texto manuscrito más largo, como una nota en lugar de un nombre, Convertir Texto a Letra Manuscrita encaja mejor.
Tu firma nunca sale de tu dispositivo
Una firma es una de las cosas más sensibles que puedes entregar a una web cualquiera: combinada con tu nombre, es exactamente lo necesario para falsificar tu rúbrica en otros documentos. Muchos sitios de “generador de firma” suben discretamente lo que dibujas a un servidor para renderizarlo o almacenarlo, este no. El lienzo en el que dibujas o escribes, las matemáticas de suavizado, y la exportación final a PNG se ejecutan todos como JavaScript sencillo en tu propia pestaña del navegador. Una vez cargada la página, ninguna petición de red interviene en la creación de tu firma en ningún momento, incluidas las fuentes autoalojadas usadas en el modo “escribirla”.
Usos habituales
- Construir un PNG de firma reutilizable para la herramienta Firmar PDF, para poder estampar la misma firma en varios documentos.
- Añadir un toque de estilo de firma a un pie de correo o una web personal, para un bloque completo de nombre/cargo/contacto en su lugar, consulta el Generador de Firma de Correo.
- Firmar facturas, presupuestos y acuerdos sencillos de autónomo sin imprimir nada.
- Crear una firma rápida y casual para un permiso, una tarjeta de confirmación o un saludo.
- Probar cómo se ve un campo de firma en una plantilla de formulario antes de enviarla para una firma real.
- ¿Buscas un dibujo rápido en lienzo para otra cosa? El Creador de Pixel Art es otra herramienta de lienzo desde cero que también se ejecuta enteramente en tu navegador.
