How to Remove the Background From a Signature Image
To get a signature with a transparent background, sign a sheet of plain white paper with a dark pen, take a sharp, well-lit photo of it, crop it close, and run it through a background remover that outputs a PNG. The white paper disappears and you're left with just the ink, which you can lay over a document, a letter template or an email signature.
If the reason you want the image is to sign a PDF, there may be a quicker route: draw your signature directly onto the PDF instead. Both options are below, along with what to expect from each.
What "transparent background" means
A normal photo of a signature includes the paper around it, so when you place it on a document you get a white or greyish box with the ink inside. A transparent image stores the paper area as see-through pixels. Only the ink shows, and the line or text underneath stays visible.
JPEG can't store transparency, so the result needs to be a PNG (or WebP, which also supports it). If you save a cut-out as JPEG, the see-through areas get filled with a solid colour again.
Step 1: Take a good photo of your signature
The quality of the starting photo decides most of the result. A few minutes here saves a lot of fiddling later.
- Use plain white paper with no lines, grid or text showing through from the back.
- Sign with a dark pen, black or dark blue, and a medium or thick tip. Fine ballpoint lines are harder to separate from the paper.
- Sign larger than usual. More pixels in the ink means cleaner edges when the image is shrunk later.
- Light it evenly. Daylight near a window works well. Avoid your own shadow or your phone's shadow falling across the page.
- Hold the phone flat above the paper, not at an angle, and tap to focus on the ink so it's sharp.
A flatbed scanner works too, and often gives the cleanest result because the lighting is even.
Step 2: Crop close to the signature
Trim away the empty paper so the signature fills most of the picture. Your phone's photo editor can do this, or use Image Crop with the Free ratio and drag the box tightly around the ink. Choose PNG as the output format so nothing is lost before the next step.
Cropping first matters for two reasons: the background remover has less paper to deal with, and the final image won't have a large invisible margin around it that makes it awkward to position.
Step 3: Remove the background
- Open Background Remover and click Upload an image. JPG, PNG and WebP all work.
- Your photo appears in the Original panel. Click Remove Background.
- Wait for the progress bar. The first time can take a while because your browser downloads the AI model files, which can be tens of megabytes. On mobile data, you may want to wait for Wi-Fi. Later runs are usually faster because the browser caches the files.
- Check the Result panel. The grey and white checkerboard shows where the image is transparent; it won't appear in your file.
- Click Download PNG. The file is saved with
-no-bg added to its name.
The model runs on your own device, so the photo of your signature isn't uploaded to a server. Only the model files are downloaded to you. For something as personal as a signature, that's worth having.
What to expect from the result
Background Remover uses an AI model that looks for the main subject in a picture and makes everything else transparent. It's built mainly with photos of people and objects in mind, and it lists signatures and logos on paper as one of its uses. Signatures are thin lines, though, and thin detail is the hardest thing for this kind of model.
So zoom in on the result before you use it. Common issues are:
- faint or thin strokes partly cut away, especially the light tail of a letter
- small patches of paper left around loops or crossings
- a slightly soft edge on the ink
The tool has no manual brush to fix those spots; you get the result the model produces. If the cut-out isn't clean, try again with a better starting photo: darker pen, thicker line, more even light and a tighter crop usually make the biggest difference.
If you have a photo editor with a "remove white" or colour-to-transparency feature, that can also work well for a signature, because the job is simply "make the white paper see-through". It's worth trying if the AI result keeps clipping your strokes.
Step 4: Make the file smaller if you need to
PNG cut-outs can be larger than you'd expect. For an email signature or a template that's shared often, run the PNG through Image Compress, choose WebP (which keeps transparency), and set a Max width of a few hundred pixels. If the place you're using it doesn't accept WebP, keep the PNG; choosing JPEG would bring back a white background, because the tool fills see-through areas with white.
Where a transparent signature is useful
- Letter and invoice templates in a word processor, placed over the signature line
- Email signatures, if your email app lets you add an image
- PDF editors or document apps that let you insert an image onto a page
- Slides or certificates where the signature sits on a coloured background
Keep the file somewhere private. Anyone who has a clean image of your signature can paste it onto a document, so don't post it publicly or leave it in shared folders.
The quicker route for PDFs: draw it directly
If you only need to sign a PDF, you don't need a signature image at all. PDF Sign lets you draw your signature with a mouse, trackpad, or your finger or stylus on a phone, and stamps it onto the page you choose. The signature's background is transparent, so the form's signature line still shows through.
Note that PDF Sign works with drawn signatures only. It doesn't have an option to upload a picture of your signature, so the transparent PNG from this guide is for other apps, not for PDF Sign.
If you sign PDFs often and want your real pen signature on them, make the transparent PNG once and use it in a PDF app that accepts images. If you sign now and then, drawing it in PDF Sign each time is simpler.
KhanTools — Free Online Web Tools
Free browser-based tools for images and PDFs. No uploads. 100% private.
Blog ·
About ·
Privacy Policy ·
Terms of Service ·
Contact
JavaScript is required to use KhanTools. Please enable JavaScript in your browser.