Draw your signature and download it with a transparent background
Sign with a mouse, finger or stylus on a smooth pressure-sensitive canvas, then download a transparent PNG or a crisp SVG. Nothing is ever uploaded.
- Runs in your browser
- Nothing you enter is sent
- Free, no account
The area above is transparent — the chequerboard is not part of the image.
Uses stylus pressure where the device reports it, and drawing speed everywhere else, so fast flicks come out thinner than slow curves.
Crops the empty space away so the signature drops neatly into a document instead of carrying a wide transparent margin.
Draw something to enable the downloads.
The SVG keeps the signature as vector paths, so it stays sharp at any size and stays a few kilobytes. Use the PNG when the destination — a PDF form field, a mail signature, a Word document — will not accept SVG.
How to create your signature
- Sign in the box above. A finger on a phone or tablet gives the most natural result; a stylus is better still; a mouse takes a few attempts.
- Undo removes the last stroke — useful when the tail of a letter goes wrong — and Ctrl+Z does the same from the keyboard.
- Adjust the pen width and ink colour. Dark grey rather than pure black looks more like real ink on a scanned page.
- Download the transparent PNG for documents and PDF forms, or the SVG for a web page or email footer.
Nothing is uploaded. Your strokes exist as coordinates in this browser tab and are rendered locally into the file you save. Close the tab and they are gone — which also means there is nothing to delete afterwards and no account holding a copy of your signature.
Why the line varies in thickness
A signature drawn at a constant width looks like a wire diagram, not like handwriting. Real ink thins as the pen accelerates and pools where it slows or changes direction. The canvas models that in two ways: when the device reports genuine stylus pressure it is used directly, and otherwise the width is derived from the speed between successive points, smoothed so the line does not judder.
The path itself is drawn as a series of quadratic Bézier curves through the midpoints between sampled points, with each raw point used as the control point. That is the standard technique for smoothing freehand input: it removes the polygonal look of straight segments without shifting the line away from where you actually drew it. Turn the variation off in the pen panel if you want a uniform stroke.
PNG or SVG?
| Transparent PNG | SVG | |
|---|---|---|
| Scales without blurring | No — fixed resolution | Yes, infinitely |
| Typical size | 20–80 KB | 3–15 KB |
| PDF form fields | Yes | Rarely accepted |
| Word and Google Docs | Yes | Partially |
| Email signature | Yes | Blocked by many clients |
| Web page | Yes | Yes, and sharper |
| Recolour after export | No | Yes, edit the stroke attribute |
The PNG is rendered at three times the on-screen size, so it stays crisp when placed at normal scale in a document. Trimming is on by default, cropping the empty space away so the image drops neatly onto a signature line instead of carrying a wide transparent margin that fights with your layout.
Adding a signature to a document
- PDF. Open the file in a PDF editor, choose the image or stamp tool, place the PNG over the signature line, then flatten the document before sending it.
- Word. Insert → Picture, then set Wrap Text to “In Front of Text” so you can position it freely over the line.
- Google Docs. Insert → Image → Upload from computer, then choose “Behind text” wrapping.
- Email footer. Use the PNG at around 200 px wide and always set explicit width and height attributes — several clients ignore CSS sizing.
- A web page. Use the SVG inline. It is a handful of paths, it inherits
currentColorif you strip the stroke attribute, and it stays sharp on any display.
Is an image of your signature legally binding?
Not by itself. Both the US ESIGN Act and the EU eIDAS regulation recognise electronic signatures, but what makes one hold up is the evidence around it: proof the signer intended to sign, proof they consented to sign electronically, an audit trail linking the signature to that person and that document, and a copy retained by both parties. A PNG carries none of that.
In practice a drawn signature is fine and widely accepted for internal approvals, delivery notes, timesheets, school forms and most day-to-day paperwork. For contracts of consequence — employment, property, anything you might need to enforce — use a service that captures the audit trail, or sign on paper. eIDAS additionally defines “advanced” and “qualified” electronic signatures, which require certificate-based identity verification and are the only forms with the same legal standing as a handwritten signature across the EU.
Keeping your signature safe
Once exported, a signature image is trivially copyable. Treat it accordingly:
- Do not email the bare image file to anyone. Send the signed, flattened document instead.
- Flatten PDFs before sending so the image cannot be lifted out as a separate layer.
- Do not post a signed document publicly — scanned contracts on company websites are a routine source of forged signatures.
- Keep the master file somewhere private, and draw a fresh one occasionally rather than reusing the same image for years.
Questions
Is a signature drawn here legally binding?
An image of a signature is not, by itself, a legally binding e-signature. Under eIDAS in the EU and the ESIGN Act in the US what matters is intent, consent and an audit trail linking the signature to the signer. For informal documents an image is normally accepted; for contracts of consequence use a service that records that evidence.
Where does my signature go?
Nowhere. The strokes exist as coordinates in this browser tab and are rendered locally into the file you download. There is no upload, no server and no storage — closing the tab destroys it.
PNG or SVG?
SVG keeps the signature as vector paths, so it stays sharp at any size and is only a few kilobytes — ideal for a web page or an email footer. Use the transparent PNG for PDF form fields, Word documents and anything that will not accept SVG.
Why does the stroke get thinner when I move quickly?
That is deliberate. Real ink thins as the pen speeds up, so the tool varies the width with drawing speed — and with genuine pressure when you use a stylus that reports it. Turn the option off in the pen panel if you prefer a uniform line.
How do I add this to a PDF?
Download the transparent PNG, then place it as an image in a PDF editor over the signature line. Trimming is on by default so the file has no wide empty margin to fight with when you position it.