Skip to content

Online Signature Pad

Draw a signature-style mark and export it as a cropped PNG or scalable SVG image.

Updated

What is the Online Signature Pad?

Draw a handwritten-style mark in your browser and export it as a PNG or SVG image. You can choose an ink color, undo strokes, and enable cropping when exporting.

This tool creates an image of your drawing; it does not verify identity, apply a certificate, or provide an electronic-signature service. Check that an image signature is appropriate for your document and its requirements.

Key features include:

  • PNG and SVG exports: Download a raster PNG or a scalable SVG drawing.
  • Optional cropping: Trim empty space around the strokes, with a small margin.
  • Drawing controls: Choose a color, undo, or clear the canvas.

How it works

The pad records pointer movements in the browser and draws them on a canvas. You can export the strokes as a PNG image or as SVG paths.

Here is how the tool processes your handwritten input:

1. Stroke Capture and Smoothing

When you draw with a mouse, pen, or touch, the tool records (X, Y) points and connects them with quadratic curves to smooth the line.

2. High-DPI Resolution Scaling

PNG exports are rendered at twice the canvas's logical dimensions. The result is a raster image, so it can still appear pixelated if enlarged significantly.

3. Bounding Box & Auto-Cropping

When auto-crop is enabled, the tool calculates a bounding box around the recorded stroke points and adds a margin before exporting. This may not match the exact visible edge of every stroke.

4. Format Generation (PNG vs SVG)

  • PNG Export: The offscreen canvas is converted into a standard Base64 image data URL using .toDataURL('image/png') and downloaded to your machine.
  • SVG Export: The tool writes the strokes as SVG paths. SVG can be scaled without raster pixelation, though display quality still depends on the original drawing.

Examples

Email Footer Signature

Creating a clean, digital version of your signature to append to professional emails.

Draw your name using the Blue ink option with Medium thickness.
 
An auto-cropped, transparent PNG perfectly sized for email clients.

PDF Contract Signing

Export a signature image to consider placing in a document, after checking its requirements.

Draw your signature using Black ink with Thick strokes.
 
An SVG image of the drawn strokes; this tool does not verify or certify a signature.

Frequently asked questions

Is my signature securely handled?

The drawing is processed in your browser and is not uploaded by the signature pad. It is held in the current page rather than saved as a note, but avoid using a shared or untrusted device for sensitive documents.

What is the difference between the PNG and SVG export?

PNG (Portable Network Graphics) is a raster image format. It is commonly supported by image and document apps and is exported with a transparent background. SVG (Scalable Vector Graphics) is a vector format based on mathematical paths rather than pixels. SVGs are best used when you need to resize the signature dramatically without it ever becoming blurry or pixelated.

How does the auto-crop feature work?

When enabled, auto-crop calculates a bounding box around recorded stroke points and leaves a small margin. The crop is based on those points, so it may not match the exact visible edge of the rendered ink.

Can I change the color of my signature?

Yes. Choose Black, Blue, or Red using the toolbar. Whether a particular color is appropriate depends on the document and its requirements.

Why do the lines look smoother than standard drawing tools?

The tool draws quadratic curves between recorded points to smooth the line. It does not measure pen pressure.

Does this create a legally valid electronic signature?

No. It exports an image of your drawing and does not verify your identity, record consent, or apply a digital certificate. Check the requirements for your document before using an image signature.

Related tools

More utilities you might find handy.

Productivity

Daily Planner Generator

Instantly generate a time-blocked daily plan from your tasks — free, private, no account needed.
Productivity

Dice Roller

Roll d4 to d1000 with modifiers, keep/drop rules, exploding dice, and d20 advantage or disadvantage.
Productivity

Flashcard App

Create and study flashcards locally with spaced repetition