How to use

Draw your signature on the canvas using your mouse, trackpad, or a touchscreen stylus. The signature pad captures the pressure curve of your strokes to produce a natural-looking result. Click Clear to start over, and Save / Download to export your signature as a PNG image with transparent background.

Export formats

PNG with transparency: best for placing your signature on documents or images. The background is transparent so it blends naturally.
PNG with white background: suitable for forms and documents that require a white-background signature box.
SVG: vector format; scales to any size without losing quality. Suitable for high-resolution printing.

Privacy

Your signature is drawn and processed entirely in your browser using the HTML5 Canvas API. No image data is uploaded to any server. Your signature exists only in your browser session.

Legal note

This tool creates a digital image of a handwritten-style signature. For legally-binding electronic signatures on contracts and documents, use a certified eSignature service that provides audit trails and legal compliance (e-SIGN Act, ESIGN, eIDAS).

Smoothing algorithm

Rather than drawing straight lines between raw mouse or touch points, signature pads typically use Bézier curve interpolation to smooth the stroke. Each segment is rendered as a cubic Bézier curve computed from four control points derived from neighboring input points. The result is a fluid, pen-like line even when input events arrive at low frequency (e.g., on slower touch devices). The control point placement also adjusts the stroke width based on pointer speed - strokes drawn quickly appear thinner, mimicking the natural variation of a real pen.

DPI and print quality

For a signature intended for printing, resolution matters. At 300 DPI (the standard for print), a 50 mm wide signature requires approximately 590 physical pixels. If you're exporting the signature for a printed document, ensure the canvas is rendered at a high enough resolution for that dimension; scale higher for larger signature fields.

For screen use (email footers, digital contracts), 200–300 px wide is usually sufficient, and PNG with a transparent background integrates cleanly.

Embedding in a PDF or document

Microsoft Word: Insert -> Pictures -> insert the downloaded PNG. Resize as needed.
Adobe Acrobat: use the Fill & Sign tool to place the signature image on the PDF.
macOS Preview: open the PDF, click the Markup Toolbar's signature button, or use the image toolbar to drag and drop the PNG.
Online tools: Smallpdf, PDF.co, and DocHub can place image signatures on PDFs without installing software.