Para tener tu firma en PNG con fondo transparente, dibújala en un lienzo sin fondo y expórtala en PNG, nunca en JPG. Nuestro generador de firmas gratis hace justo eso: firmas con el ratón, el panel táctil o el dedo, abres Descargar, eliges Descargar como PNG y obtienes una imagen en la que todo lo que rodea al trazo es totalmente transparente. La pegas en un PDF, en Word o en Google Docs y la firma queda sobre la línea, sin el típico recuadro blanco.
El generador de firmas es gratis, no necesitas cuenta y funciona entero en tu navegador. Los visitantes tienen 5 usos de herramientas al día, y una cuenta gratuita de My Botsy (100 % gratis, sin spam) quita ese límite. Todo lo que sigue lo probamos el 31 de octubre de 2026 en la herramienta real con Chrome: dibujamos firmas de prueba, exportamos los cuatro formatos y revisamos los archivos píxel a píxel.
Cómo hacer tu firma en PNG transparente, paso a paso
- Prepara la pantalla antes de firmar. Abre el generador de firmas con la ventana al tamaño que vayas a usar. En el móvil, elige vertical u horizontal antes de empezar: cambiar el tamaño de la ventana o girar el teléfono borra el lienzo (lo explicamos más abajo).
- Elige el color de la tinta antes de dibujar. El selector de color que hay bajo el lienzo solo afecta a los trazos que hagas después de cambiarlo. El negro o un azul marino oscuro son los que mejor se imprimen.
- Firma en grande. Aprovecha casi todo el lienzo. Una firma grande reducida en el documento se ve más limpia que una pequeña ampliada.
- Corrige con Deshacer. Deshacer quita el último trazo (una línea continua desde que pulsas hasta que sueltas). Borrar lo elimina todo.
- Descarga en PNG. Abre Descargar y elige Descargar como PNG. El archivo se guarda como
download.png, así que cámbiale el nombre a algo comofirma.png. - Recórtala y colócala. El PNG mide lo mismo que todo el lienzo, así que recorta el espacio vacío en tu editor (te lo contamos abajo) y sitúala sobre la línea de firma.
El blanco que ves detrás del lienzo es solo la página que hay debajo. El lienzo en sí es transparente, y por eso el PNG sale sin fondo.
Lo que medimos: PNG, JPG, WEBP y SVG
Dibujamos la misma firma de prueba de tres trazos en negro y exportamos cada formato desde una ventana de Chrome de 1280 píxeles de ancho (pantalla normal, no Retina). El lienzo medía 1110 × 502 píxeles, igual que todos los archivos de imagen:
| Formato | Tamaño | Fondo | Veredicto |
|---|---|---|---|
| PNG | 23.554 bytes | Transparente (552.500 de 557.220 píxeles con alfa 0) | El mejor para documentos y PDF |
| WEBP | 5.220 bytes | Transparente | Más ligero, pero muchos editores no lo importan |
| SVG | 17.779 bytes | Ninguno (solo trazos vectoriales) | Escala a cualquier tamaño, para diseño y web |
| JPG | 4.118 bytes | Negro sólido | Evítalo: una firma negra desaparece por completo |
El JPG merece un aviso aparte. El formato JPEG no admite transparencia y, cuando el navegador convierte píxeles transparentes a JPEG, los rellena de negro. Nuestro JPG con tinta negra tenía 557.220 píxeles y todos eran negros: la firma no se veía. Con tinta azul marino (#1a3c8f) el trazo sobrevivió, pero como líneas azules sobre un rectángulo negro, que no sirve en una página blanca. Si un formulario te exige JPG, descarga el PNG y conviértelo después de aplanarlo sobre fondo blanco en un editor de imágenes.
El WEBP conserva la transparencia y es el archivo más pequeño, pero la importación de firmas de Adobe Acrobat, por ejemplo, acepta JPG, JPEG, PNG, GIF, TIFF, TIF y BMP, y WEBP no está en la lista. El PNG funciona en todas partes.
El SVG es un vector de verdad: nuestra firma de prueba se convirtió en 118 pequeñas curvas <path>, cada una con su propio grosor, porque la línea se adelgaza cuanto más rápido mueves la mano. Ese grosor variable es lo que hace que parezca tinta y no un rotulador. Usa el SVG cuando la firma tenga que escalar sin perder calidad, por ejemplo en una web o en una app de diseño.
En pantallas Retina y móviles obtienes más píxeles
El lienzo se ajusta a la densidad de píxeles de tu pantalla. Con la misma prueba a densidad 2× (como en la mayoría de portátiles y móviles actuales), el PNG salió de 2220 × 506 píxeles y 44.960 bytes, con la firma de unos 1100 píxeles de ancho: de sobra para imprimir. Un detalle que descubrimos: en pantallas 2× y 3× la zona de dibujo es más baja que en una 1× (257 píxeles CSS de alto en lugar de 506 en un portátil, y 360 × 173 en una pantalla de móvil), así que deja algo de margen arriba y abajo.
Cómo recortar e insertar la firma
En nuestra prueba la tinta solo ocupaba 500 × 128 píxeles de la imagen de 1110 × 502. Al recortarla a esa zona quedó un PNG de 5.882 bytes y, sobre todo, un cuadro de imagen ajustado a la firma, mucho más fácil de colocar.
Microsoft Word
- Ve a Insertar > Imágenes > Este dispositivo y elige tu PNG.
- Con la imagen seleccionada, abre Formato de imagen > Recortar y lleva los tiradores hasta los bordes del trazo.
- Elige Ajustar texto > Delante del texto para poder arrastrarla sobre la línea de firma y redimensiónala desde una esquina para mantener la proporción.
Google Docs
- Elige Insertar > Imagen > Subir desde el ordenador.
- Haz clic en la imagen y selecciona Delante del texto en la barra que aparece debajo. Google indica que el ajuste y la posición no están disponibles en documentos sin páginas, así que cambia el archivo al formato con páginas si no ves esas opciones.
- Haz doble clic en la imagen para recortarla y arrástrala hasta la línea.
Un PDF en Adobe Acrobat Reader
- Abre el PDF y elige Rellenar y firmar.
- Pulsa el icono Firmar, luego Añadir firma y elige Imagen.
- Selecciona tu PNG, pulsa Aplicar y haz clic donde va la firma. Después puedes moverla y cambiarle el tamaño.
Errores con los que nos topamos en las pruebas
- Cambiar el tamaño borra el lienzo. La herramienta redibuja el lienzo cada vez que la ventana cambia de tamaño, y eso borra la firma. En nuestra prueba, al estrechar la ventana de 1280 a 1000 píxeles el lienzo quedó vacío. Descarga antes de girar el móvil o tocar la ventana.
- El color no se aplica hacia atrás. Al cambiar a azul marino a mitad de la firma, el SVG tenía 107 segmentos negros y 11 azules. Elige el color primero, o pulsa Borrar y vuelve a firmar.
- Todas las descargas se llaman download.png. Si haces varias versiones, renómbralas al momento para no sobrescribirlas ni confundirlas.
- Con ratón la firma sale temblorosa. Un panel táctil, un lápiz o el dedo en el móvil dan trazos más suaves. Fírmala varias veces y quédate con la mejor.
- Deshacer va por trazos. Un trazo es todo lo que dibujas entre pulsar y soltar, así que una firma hecha de un solo gesto desaparece con un solo Deshacer.
¿Tiene validez legal una firma dibujada?
Muchas veces sí, pero no siempre, y conviene no confundir términos: una imagen de tu firma es una firma electrónica simple, no una «firma digital» con certificado. En la Unión Europea, y por tanto en España, el artículo 25 del Reglamento eIDAS (910/2014) establece que no se puede negar efecto jurídico ni admisibilidad como prueba a una firma electrónica por el mero hecho de ser electrónica, pero solo la firma electrónica cualificada tiene un efecto jurídico equivalente al de la firma manuscrita. En Latinoamérica cada país tiene su propia ley, y varias distinguen también entre firma electrónica y firma digital. Una imagen pegada demuestra poco sobre quién la puso, así que para contratos importantes usa un servicio con registro de auditoría y pregunta qué acepta la otra parte. Trata el PNG como tu firma de puño y letra: guárdalo en privado y úsalo solo en documentos que de verdad quieras firmar.
Tu firma no sale de tu dispositivo
Vigilamos el tráfico de red del navegador mientras dibujábamos y exportábamos en los cuatro formatos: la herramienta no hizo ni una sola petición. El dibujo y la creación del archivo ocurren en la propia página y no se sube nada a nuestro servidor. El archivo solo existe donde tú lo guardes.
Herramientas y guías gratis relacionadas
- Reduce aún más el PNG con el optimizador de imágenes, que también funciona en tu navegador. Nuestra guía sobre cómo comprimir imágenes para una web explica los ajustes.
- ¿Necesitas la firma dentro de una plantilla de correo HTML? Conviértela en data URI con imagen a Base64.
- ¿Has fotografiado una firma en papel con el móvil? Revisa la foto antes con el lector EXIF y mira cómo saber si una foto tiene datos de ubicación.
- ¿Vas a añadir un botón de contacto a ese mismo correo? El generador de enlaces mailto y nuestra guía de enlaces mailto te lo resuelven.
Preguntas frecuentes
¿Cómo pongo mi firma con fondo transparente?
Dibújala en el generador de firmas y descárgala en PNG. El lienzo no tiene fondo, así que todo menos el trazo queda totalmente transparente. No elijas JPG: el JPEG no guarda transparencia y el fondo sale negro.
¿Por qué mi firma en JPG sale completamente negra?
Porque el JPEG no admite transparencia y el navegador rellena la zona transparente de negro. Con tinta negra la firma desaparece: en nuestra prueba los 557.220 píxeles eran negros. Descárgala en PNG.
¿Qué formato uso para un PDF?
PNG. La importación de firmas con imagen de Adobe Acrobat acepta JPG, PNG, GIF, TIFF y BMP, no WEBP ni SVG, y de esos el PNG es el único que conserva el fondo transparente de nuestra herramienta.
¿Puedo crear mi firma desde el móvil?
Sí. Abre la herramienta en el navegador del teléfono y firma con el dedo. Elige vertical u horizontal antes de empezar, porque girar el móvil borra el lienzo.
¿Se sube mi firma a algún sitio?
No. En nuestra prueba de red la herramienta no envió ninguna petición al dibujar ni al exportar. La imagen se crea en tu navegador y se guarda directamente en tu dispositivo.
¿El generador de firmas es gratis?
Sí. Es gratis y no necesitas cuenta. Los visitantes tienen 5 usos al día, y una cuenta gratuita (sin spam) quita el límite.
¿Lista tu firma? Abre el generador de firmas gratis, dibújala, descárgala en PNG y recórtala en tu documento.
