Signature Generator

Draw, type or upload your signature and save it as a transparent PNG or an SVG, trimmed to the ink — all in your browser.

Strokes, typed names and uploaded scans are processed in your browser and never leave your device; only ink and size preferences are kept locally.

Built and maintained by Udit Agarwal

Sign a PDF page

About Signature Generator

The Signature Generator gives you three ways to get a clean signature image. Draw with a mouse, finger or pen on a pad where strokes are smoothed into curves through every point you made, and a pressure-sensing pen varies the line width. Type your name and choose from eight script and handwriting styles, adjusting size and slant. Or upload a photo or scan of a signature on white paper and a cut-off slider turns the paper transparent. The result is trimmed to the ink with the padding you choose, saved as a transparent PNG at 1x, 2x or 3x, and, for drawn signatures, as an SVG that stays sharp at any size. You can also save with a white background. Typed styles use fonts already on your device, so their look can differ between computers.

Features

  • Draw on a pad with smooth curves, pressure-aware pens, Undo and Clear
  • Type your name in eight script and handwriting styles with size and slant controls
  • Upload a photo or scan and turn the white paper transparent with a cut-off slider
  • Black, blue or any custom ink colour
  • Output trimmed to the ink with adjustable padding
  • Transparent PNG at 1x, 2x or 3x, or a white background if you prefer
  • SVG export for drawn signatures that scales without blurring
  • Copy the image to the clipboard where the browser allows it

How to use the Signature Generator

  1. Pick Draw, Type or Upload at the top
  2. Draw in the box, type your name and choose a style, or drop a picture of your signature
  3. Choose the ink colour, padding and, if you like, a white background
  4. Download the PNG or SVG, or copy the image

Example

Input

Mode: Draw
Ink: Blue, pen width 4, padding 12 px
PNG size: 2x, transparent background

Output

Preview: 318 x 96 px trimmed to the ink
Saved signature-draw-2x.png (636 x 192 px)
Also available: signature-draw.svg

The picture is cropped to the ink plus the padding you set.

Common errors & troubleshooting

  • The signature looks jagged when I draw quickly. — Slow down slightly or use a thinner pen width. Strokes are smoothed through the points your device reports, and a fast mouse movement reports fewer of them.
  • A typed signature looks plain or different on another computer. — Typed styles use fonts that ship with the device, so a phone, a Mac and a Windows laptop can show different script faces. Save the PNG on the device whose look you like.
  • Paper texture or a shadow shows in an uploaded scan. — Lower the cut-off until the grey disappears, or retake the picture in bright, even light on plain white paper.
  • The transparent PNG looks black on a dark page. — Dark ink on a dark background is hard to see. Choose a lighter ink colour, or save with a white background.

Frequently asked questions

Is a signature made with the Signature Generator legally valid?
Whether an image of a signature is accepted depends on the document and the rules where you are. Many everyday forms accept one, but contracts and official filings may require a specific e-signature process or a handwritten original.
How does the Signature Generator smooth what I draw?
Each stroke is converted into connected curves that pass exactly through every point you made, using a Catmull-Rom spline turned into Bezier segments. That keeps your shape while rounding off hand tremor between points.
Can I get an SVG of my typed or uploaded signature?
SVG is offered for drawn signatures, where the pen strokes are real vector curves. Typed signatures depend on device fonts and uploaded ones are pictures, so those are saved as PNG.
What does the cut-off slider do on an uploaded signature?
It sets how bright a pixel may be before it fades out. Pixels darker than the cut-off stay as ink, lighter ones become transparent, with a soft edge between so the strokes keep smooth outlines.
Which PNG size should I pick for a signature?
Use 2x for most documents and email footers, 3x if the signature will be printed or scaled up, and 1x for small web use. The padding and trimming are applied at every size.

Related tools

  • Signature Background Remover — Lift a signature off a photo of paper into a transparent PNG, in the ink colour you pick.
  • Sign PDF — Draw a signature and place it on a PDF page, with an optional printed name and date.
  • Image Format Converter — Convert images between PNG, JPEG and WebP entirely in your browser.
  • Image Resizer — Resize photos by pixels, percentage, preset or longest side — in batches, with a ZIP download.
  • Favicon Generator — Make favicon.ico, PNG sizes, an Apple touch icon and a web manifest from an image, letters or an emoji.
  • Fill PDF Form — Type into a fillable PDF form, then save it filled or flattened.

Guides

More Images tools

  • Photo Collage Maker — Arrange photos in grid layouts with spacing, rounded corners and background color, then download the collage.
  • Image Optimizer — Re-encode and shrink images (JPEG/WebP/PNG), optionally resizing.
  • Image Format Converter — Convert images between PNG, JPEG and WebP entirely in your browser.
  • EXIF Viewer & Remover — View and strip EXIF metadata (including GPS) from photos — nothing is uploaded.
  • Base64 Image Encoder / Decoder — Convert images to Base64 Data URIs with ready-made HTML and CSS snippets, or decode a Data URI back to a downloadable image.
  • App Icon Generator — Turn one image into every iOS, macOS and Android app icon size — downloaded as a ZIP, in your browser.
  • Sprite Sheet CSS Animation Generator — Turn a sprite sheet into a copy-paste CSS @keyframes animation using steps(), with a live preview.
  • SVG to PNG Converter — Convert SVG to PNG or JPG at any scale, with a transparent or solid background, in your browser.
  • Image Color Picker — Upload an image and pick colors from any pixel to get HEX, RGB and HSL values, in your browser.
  • Color Format Converter — Convert a color across HEX, RGB, HSL, HWB, LAB, LCH and OKLCH with a live swatch.
  • Barcode Generator — Generate EAN, UPC, Code 128 and Code 39 barcodes and download them as SVG or PNG.
  • Image Color Palette Extractor — Extract a dominant color palette from an image as HEX, RGB and HSL with CSS variables.

See all Images tools (40) · All tools