Signature Pad
Draw a signature with a mouse, finger or stylus, adjust the stroke and export a transparent PNG.
How to use
- Press and draw inside the signature area. Lifting the pointer ends one stroke.
- Drag the stroke width slider between 1 and 8. The change applies to strokes you draw next.
- Press Undo stroke to remove the last one, or Clear to start over.
- Exports are transparent by default. Tick the white background for printing or white documents.
- Download PNG saves signature.png locally. Nothing is uploaded to a server.
FAQ
Is my signature stored or uploaded?
Can I use this image as a legal e-signature?
Does it work on a phone?
Why prefer a transparent background?
How to use
- Write on the canvas
Press and draw inside the area, then lift to finish a stroke. Touch scrolling is disabled there, so the page stays still while you write.
- Set width and ink
Drag the slider between 1 and 8 and pick black, blue or red. Changes apply to strokes drawn next; existing ones stay as they are.
- Undo or start over
Undo stroke removes the last one. Clear wipes the canvas. Strokes are stored in order, so undo always takes the most recent.
- Choose a background
Exports are transparent by default, which layers cleanly onto contracts and forms. Tick the white option for printing or flat documents.
- Download the file
Download PNG saves signature.png. The file is built locally, never sent to a server, and no draft is kept.
About this tool
Paperwork often stalls on a single signature. An internal approval needs a manager's sign off, a delivery note needs a receiver, a design needs a client nod. Printing, signing, scanning and emailing can eat half a day. A signature pad collapses that loop into one drawing, so the image drops straight into a document or an email. Remote teams stop waiting on a printer, and a frequently signed form can keep one saved signature on file.
The page stores the points, width and color of every stroke. Lifting the pointer pushes the stroke into an array, and undo simply removes the last entry before redrawing. Exporting creates a canvas of the same size, fills it white when asked, redraws each stroke and encodes a PNG. There is no network request, strokes live in memory only, and a refresh clears them without writing anything to local storage at all.
How it works
Electronic signatures come in layers. A qualified electronic signature ties a signer to a verified identity through a certificate authority and makes later changes detectable. A hand-drawn image carries none of that. It cannot prove who signed or reveal that the file was swapped afterwards. Internal routing and delivery acknowledgements are a fair use. Contracts that need legal weight belong on a compliant signing platform with a real audit trail behind it.
Image quality depends on resolution and background handling. The canvas is 1200 pixels wide, which lands around 150 to 200 DPI when placed on an A4 page. That prints well but will not hold up at large format. Transparent edges save a cutout step, and white suits direct printing. Anti-aliasing comes from the browser, so a small signature scaled up turns soft. Draw larger when you need more detail, and keep the export at full size.
When to use it
- Approval forms
An expense or leave form needs a manager's signature, and the manager is in another city. Send the form, let them sign on a phone and download the PNG, then place it in the document. A day of back and forth becomes a few minutes.
- Delivery receipts
A courier hands over a parcel and the receiver signs on a tablet. The image is filed with the order, which is easier to keep than paper and needs no later scanning. Looking up the record means opening the attachment.
- Design sign-off
When a client approves a design, ask for a signature beside the artwork. A transparent PNG sits in the corner without covering anything, and the approval carries more weight than a one-line message. It also leaves a record that is easy to file and easy to find later.
Tips & tricks
- A wide canvas suits a flowing signature. On a phone, landscape gives the strokes room and keeps loops from crowding together.
- Black reads as the original, blue helps separate a signed copy from a photocopy, and red usually signals annotation rather than a signature.
- After exporting a transparent PNG, place it on the target document once to check size and position before sending it out.
Things to watch
- Treating the PNG as legal
An image cannot verify identity or detect a swapped file. Employment contracts and loan agreements need a qualified signature backed by a certificate. Keep the image for internal confirmation and route formal documents through a compliant service that keeps a proper audit trail.
- White over a dark page
A white PNG on a dark page or photo leaves a bright rectangle that stands out badly. Use transparency whenever the image is layered, and pick white only for printing or white documents. Test the edge on the target file before sending it.
- Signing too small
Writing on a small canvas and scaling up leaves soft edges. Fill more of the canvas before exporting, then resize once to the target size instead of screenshotting and recompressing. A direct PNG export keeps the edges clean and the file small.