Signature Maker — Draw Your Signature Online

Sign with your mouse, finger or stylus on the pad below, then download a transparent PNG cropped tight to the ink. Nothing is uploaded and nothing is stored.

Ink

Pen size3 px

Vary thickness with speed and pressure

Sign here — drag with your mouse, finger or stylus

Crop to the ink

Padding12 px

Draw something to see the download size

This tool draws a picture of your signature. It is a plain image file, not a certified digital or electronic signature — it carries no encryption, no identity check and no audit trail. For agreements that must be legally verifiable, use a dedicated e-signature service.

What this signature maker actually does

The pad is an HTML canvas listening to pointer events, so one code path serves a mouse, a trackpad, a finger and a pressure-sensitive stylus. Every sample your device reports is recorded with its position and its timestamp, and on high-refresh digitisers the extra samples that pile up between two animation frames are read back out of the coalesced event list as well — a fast flourish is captured at the rate the hardware produced it, not the rate the screen redraws. Those raw samples are never joined with straight lines. Each sampled point becomes the control point of a quadratic Bezier curve and the curve passes through the midpoints between neighbouring samples. That midpoint construction is what makes the result read as handwriting rather than as a seismograph trace, and because every piece starts exactly where the previous one ended, a stroke has no visible joints. Thickness varies along the stroke. If your device reports genuinely changing pressure, an Apple Pencil or a graphics tablet pen for instance, that reading drives the line width directly. Mice report a constant 0.5 and many touchscreens report one fixed value forever, so the presence of a pressure field proves nothing; the tool trusts pressure only when it actually varies during a stroke and otherwise falls back to pointer speed, drawing slow deliberate curves thicker and fast flicks thinner, between 40 and 160 percent of the pen size you picked. Each width is filtered against the previous one so a single jittery sample cannot leave a bead on the line. On download the strokes are re-rendered off screen at three times the pad size onto a fully transparent canvas, the alpha channel of every pixel is scanned to find the bounding box of the ink, and the image is cropped to that box plus the padding you chose. The PNG keeps its alpha channel; the JPG option paints the crop onto white first, because JPEG has no transparency at all. Strokes live only in the page's memory — nothing is uploaded, and reloading the tab discards them.

Why draw a signature instead of scanning one

Most documents that need a signature are digital now, and the usual workaround is not. Printing a contract, signing it, scanning it back and cropping the result costs ten minutes and a printer, and the scan arrives grey, skewed and framed by the rest of the page. Drawing straight on screen skips all of that and produces a cleaner image than a scanner ever will, because there is no paper texture, no shadow and no JPEG noise to clean up afterwards. The transparent PNG is the part that matters. Word, Google Docs, Pages, Acrobat, Figma and every email client will lay it over existing text without the white rectangle a scanned signature drags along, so you can drop it onto a signature line, an invoice footer or a letterhead and whatever sits underneath still shows through. Because the file is cropped to the ink rather than to the pad, what you insert is the signature itself instead of a mostly empty block that shoves surrounding paragraphs around. Phones are the natural place to do this. A finger on a touchscreen is far closer to a pen than a mouse will ever be, and the pad accepts touch properly, so signing a delivery note or a permission slip from a phone takes seconds. Teachers marking work, freelancers stamping invoices, illustrators building a signing watermark and anyone who has been asked to return a signed form all end up needing the same small transparent file. If your signature already exists on paper, this is the wrong page — photograph it and run it through our signature background remover, which knocks the paper white out of the photo. This tool is for signing on the spot.

Drop a transparent PNG onto a contract or invoice without the white box a scan brings along

Get a file cropped to the ink itself, not a mostly empty block that shoves paragraphs around

Sign from a phone with your finger, or with a stylus that reports real pressure, in seconds

Keep the signature on your own device — the drawing is rendered and encoded without any upload

How to draw and download your signature

Four steps, no account and no upload. The whole thing happens on this page.

Pick an ink colour and a pen size. Leave the variable thickness option on if you want the stroke to taper the way a real nib does; turn it off for an even, uniform line.

Sign on the pad. Drag with the mouse, or use a finger or stylus on a touchscreen — the page will not scroll under your hand while you draw. Each pen-down to pen-up counts as one stroke, so Undo removes the last stroke and Ctrl or Cmd plus Z does the same.

Check the download size shown under the pad. It updates as you draw and as you move the padding slider, and it is the size of the cropped ink, not of the pad.

Download the transparent PNG for documents, slides and email footers, or the white-background JPG if you need a format without an alpha channel. Insert the PNG in Word or Google Docs and set text wrapping to In Front Of Text so it sits over the signature line.

Frequently Asked Questions

No, and it is worth being clear about the difference. This tool makes a picture of your handwriting — a PNG or JPG file with no encryption, no identity verification, no timestamp authority and no audit trail. Certified e-signature platforms bind a signature to a verified identity and to a specific document with a cryptographic seal, which is what regulations such as eIDAS and the ESIGN Act rely on for the strongest tiers of assurance. Plenty of everyday paperwork happily accepts a drawn signature image, and a signed image can still carry legal weight in many jurisdictions where intent can be shown, but if the agreement is one you would want to defend, use a dedicated e-signature service instead of pasting an image.

No. The pad is a canvas element in your own browser tab, the strokes are held in the page's JavaScript memory, and the download is produced by encoding a canvas locally into a blob. There is no upload request in the process at any point, so your signature never reaches us or anyone else. The flip side is that nothing is saved either: closing or reloading the tab discards the drawing, so download the file before you leave.

Genuinely transparent. The strokes are drawn onto a canvas that is never filled with a background colour, so every pixel outside the ink has an alpha value of zero and stays invisible when you place the file over other content. The checkerboard pattern behind the pad is a preview of exactly that transparency. The JPG option is different by necessity: the JPEG format has no alpha channel, so the crop is painted onto white before encoding. Use PNG unless something in your workflow refuses to accept it.

Yes, and that is the main case the pad is tuned for. Touch and stylus input go through the same pointer event path as a mouse, and the canvas disables the browser's own touch gestures over it, so dragging your finger draws instead of scrolling the page. If you have an Apple Pencil, a Samsung S Pen or a graphics tablet that reports real pressure, the stroke will thicken and thin with how hard you press; on plain capacitive touch, where the hardware reports a fixed value, the speed model takes over instead.

Because the export is cropped to the ink. A signature usually covers a fifth or less of the pad, and an untrimmed file would be mostly invisible pixels that push text around when you insert it into a document. After you draw, the tool scans the alpha channel of the rendered image, finds the bounding rectangle of every non-transparent pixel, adds the padding set by the slider and cuts there. The figure under the pad shows the result before you click, and you can switch the crop off entirely if you need a fixed-size image.

The strokes are re-rendered at three times the on-screen pad size before cropping, so a full-width pad on a desktop produces a source image around 2700 pixels wide and the cropped signature typically lands somewhere between 900 and 2000 pixels wide depending on how much of the pad you used. That is comfortably enough for print at 300 DPI across a normal signature line. Because the strokes are stored as coordinates rather than as pixels, the enlargement is a true re-render — the curves are recomputed at the higher resolution rather than being scaled up from the screen.

Not from this page. The output is a raster image, PNG or JPG. Internally the signature is stored as stroke coordinates, which is what allows the high-resolution re-render, but those strokes are rasterised with variable line widths and round caps that do not map cleanly onto a simple vector path, so exporting them as SVG would either lose the taper or produce a very heavy file. If you need a vector for a logo or engraving, a raster-to-vector tracing step after downloading the PNG is the practical route.

Not on this page, because there is no image upload here at all; this pad only records what you draw on it. Photograph or scan the paper signature and use our signature background remover instead, which is built for exactly that: it removes the paper white around the ink and gives you the same kind of transparent PNG. Drawing a fresh signature here is usually faster and always cleaner, but if the paper version is the one you need to match, the other tool is the right one.

その他の画像ツール

画像編集のニーズに応える他の強力なツールをご覧ください

What this signature maker actually does

Why draw a signature instead of scanning one

How to draw and download your signature

Frequently Asked Questions

その他の画像ツール

画像圧縮

サイズ変更

画像切り抜き

形式変換

フォトエディター

画像回転

画像反転

透かしを追加

枠線追加

角丸

フィルター

顔をぼかす

モザイク

背景削除

画質向上

テキスト追加

コラージュ

HTMLから画像

GIF からシーケンス

画像の余白を削除

画像を一括リネーム

円形切り抜き

白黒

画像分割

画像結合

DPI変更

画像→Base64

画像をPDFに結合

HEIC→JPG

EXIF除去ツール

ファビコン ジェネレーター

カラーパレット

Base64 to Image

HEIC to PNG

Text Behind Image

Color Picker

Signature Background Remover

Transparent Background Maker

ファビコンジェネレーター