Signature Maker
Generate stylised text signatures or draw freehand and download as PNG.
このツールについて
Create a professional-looking signature in seconds. Type your full name and choose from four generated styles: Cursive (elegant script font), Print (clean sans-serif), Initials Monogram (large decorative letters), and Underlined (classic with a swooping line). Customise the ink colour (black, navy, dark green) and size. All styles are rendered on a canvas so you can download a transparent-background PNG. Prefer a handwritten look? Switch to the Signature Pad tab and draw with your mouse or finger on a touch screen, then save that as a PNG too.
使い方
- 1 Type your name in the Name field.
- 2 Click through the four style tabs: Cursive, Print, Monogram, Underlined.
- 3 Choose an ink colour and adjust the size slider.
- 4 Click 'Download PNG' to save the selected style.
- 5 Switch to 'Signature Pad' to draw freehand.
- 6 In Signature Pad, click 'Clear' to start over or 'Save PNG' to download.
Two ways to make a signature, and when each one fits
This tool offers two genuinely different approaches. The Generated tab turns your typed name into a styled image using a font — fast, consistent, and perfect when you just need a name to look signed on a digital document. The Signature Pad tab lets you draw your real signature freehand with a mouse, trackpad, or finger, capturing the actual loops and slant of your hand. Generated signatures are reproducible and tidy; freehand ones are unique to you. Pick based on whether you want a clean wordmark or an authentic-looking scrawl.
How the generated styles are drawn
Each generated style is painted onto an HTML <canvas> element — not laid out as web text — which is what makes a clean PNG export possible. The four styles map to different fonts and treatments:
| Style | Rendered with |
|---|---|
| Cursive | Italic Dancing Script, falling back to Brush Script |
| Plain Arial / sans-serif at 70% of the size slider | |
| Monogram | Your initials (first letter of each word, up to three), bold Times New Roman, centred and enlarged |
| Underlined | Sans-serif name with a straight underline plus a decorative Bézier curve flourish at the end |
The size slider runs from 36 px to 120 px, and you can recolour the ink to one of three classic shades: black (#1a1a1a), navy (#003087), or dark green (#1a4731). The Monogram style is the one that surprises people — it ignores the full name and shows only initials, so "Jane Q. Public" becomes JQP.
How the signature pad captures your stroke
The pad records a list of points as you drag. The first point of each stroke is a "move" (pen down), and every subsequent point is a "line" segment, drawn with rounded line caps and joins so the result looks like ink rather than connected straight lines. Because it tracks pointer and touch events, the same drawing works whether you use a mouse on a laptop or a fingertip on a phone. The canvas internally renders at 600×200 pixels, and the tool scales your screen coordinates to that resolution so the saved PNG is crisp regardless of how the canvas is sized on your display.
A worked example
Type Alex Rivera and choose Cursive at size 72. The canvas clears, sets the fill to your chosen ink colour, and writes the name in italic Dancing Script near the top-left. Switch to Monogram and the same name collapses to AR, centred and bold. Click Download PNG and the browser saves the canvas as signature-cursive.png (or signature-monogram.png) with a transparent background — so you can drop it straight onto a PDF or letterhead without a white box around it.
Common use cases
- Email sign-offs and digital letters where a clean styled name reads more personal than typed text.
- Filling PDF forms that lack a signature field — paste the transparent PNG over the signature line.
- Branding and monograms for stationery, watermarks, or social avatars using the initials style.
- Quick freehand marks on touchscreens when you need something that looks hand-signed in a hurry.
Tips for a better result
- Draw bigger than you think. On the pad, a larger, slower stroke produces smoother curves than a tiny rushed one, because more points are captured.
- Match ink to the document. Navy or black reads as more "official" than green on contracts; green suits casual or branded contexts.
- Keep the monogram to two or three initials. The style only uses the first letter of each word and caps at three, so extra middle names are dropped.
- Test the transparent PNG on a dark background. Since the export has no backdrop, confirm your ink colour is still visible wherever you'll place it.
Common mistakes
- Treating this as a legally binding e-signature. A picture of a signature is not the same as a cryptographic e-signature service; for legally significant documents, use a dedicated platform that provides an audit trail.
- Expecting the cursive font to look identical everywhere. If Dancing Script hasn't loaded yet, the canvas falls back to a generic script face, so let the page finish loading before exporting.
- Forgetting to clear the pad between attempts. The Clear button wipes the stroke list; without it, a new drawing layers on top of the old one.
A note on fonts and privacy
Your name and your drawing are processed entirely in the browser — nothing you type or draw is uploaded. The one external request the tool makes is loading the Dancing Script webfont from Google Fonts so the cursive style renders correctly; that fetch is a standard font request and carries none of your signature data.