How to Make a Signature Online and Export a Clean Transparent PNG

The three ways to make a signature (and when to use each)

Draw it. Best when you want a natural, unique mark. Use a mouse for a quick result, or - much better - a stylus or your finger on a phone or tablet. The tool smooths each stroke into a curved line, so a slightly shaky hand still produces a fluid signature.

Type it. Best for consistency and speed. You type your name once and the tool renders it in a cursive style at your chosen size and slant. It looks like a handwriting signature and is identical every time, which is handy for repetitive paperwork.

Upload a photo of your real signature. Best when you already sign on paper and want that exact look. Sign on plain white paper, photograph it in even light, and the tool removes the paper background so only the ink remains.

Why transparent PNG is the right output

The single most common mistake is the background. A signature must sit on top of a document that has its own background - white, cream, a scanned page, or a colored form - so the empty space around your ink has to be see-through, not white or grey.

The generator defaults to Transparent PNG with Trim on, which crops the empty space tightly and keeps only a small padding of see-through pixels around the ink. That combination is what lets the same file drop cleanly onto any background later.

Turn a photo of your real signature into a clean image

Step 1. Sign once on clean, white, unlined paper with a dark pen - black or blue works best.

Step 2. Photograph it in soft, even daylight. Avoid a harsh side light that throws a shadow across the page, and fill the frame with the signature.

Step 3. Open the Signature Generator, pick the Upload tab and drop the photo in.

Step 4. Raise the background-removal slider until the paper turns transparent and only the ink is left; nudge ink darkness if the strokes look faint.

Step 5. Export as a transparent PNG. If the cleanup is poor because of shadows or colored paper, redraw or type instead - the removal is tuned for a plain light background.

How big should the signature image be?

Make it bigger than it needs to look, then place it smaller. A signature scaled down always looks sharp; one scaled up looks soft and pixelated. The export-size control (1x, 2x, 3x) exists for exactly this.

On screen (emails, forms, invoices). 2x is plenty. The image is crisp when you later size it down to a normal signature height of roughly 60 to 100 pixels.

On paper (printed contracts, letters). Use 3x. At print resolution a signature a few centimeters wide wants the extra pixels so the curves stay smooth instead of stair-stepped.

The practical rule: export at 2x for anything you will only ever view, and 3x for anything you might print.

Use the signature: embed, invoice or place on a PDF

Once you have a transparent PNG there are three common jobs. Adding it to an invoice, dropping it on a PDF page, or embedding it straight in a web page.

For invoices, build the document with the Invoice Generator and place the signature image above the total. For PDFs, convert or merge your signed page with the Image to PDF and PDF Merge tools. For web use, press Copy as Data URI in the generator and paste the ready-made image string into HTML or CSS - no file to host.

Where an image signature is fine - and where it is not enough

An image of your signature is perfect for signing off an internal form, a receipt, a letter, or a low-stakes agreement. It is also fine when you sign on a touch screen and the app records the stroke.

It is not the same as a legally robust electronic signature. High-value or regulated agreements usually need an e-signature platform that captures consent, timestamps the act and keeps an audit trail linking the signature to you and to that exact document. A PNG alone carries none of that proof, and it is trivially copyable.

Be honest about this: the generator makes the picture. For documents that must hold up as evidence, use a real e-signature service, or better, follow local rules that may still want a wet-ink or notarized signature.

Why doing it in your browser matters

A signature is biometric-adjacent personal data - anyone who holds a clean copy can paste it onto documents. That is a good reason not to upload it to an unnamed converter that keeps what you send.

The whole point of the ToolFlic generator is that the canvas, the background removal and the export all run locally on your device. The only file that leaves is the PNG or JPG you deliberately download. It also means the tool is instant and works without an account, and you can save the transparent PNG once and reuse it forever.