Overview
Introduction
This tool crops a rectangular region out of a signature PNG entirely in your browser, given exact pixel coordinates.
It's a precise, predictable way to trim stray marks or isolate just the part of a scan you actually want.
What Is Signature Cropper?
A client-side rectangular crop tool that reads the source signature's pixel data and copies out the sub-rectangle you specify.
It requires the crop rectangle to lie entirely within the source image's bounds.
How Signature Cropper Works
Given a top-left corner (x, y) and a width/height, the tool creates a new, smaller pixel buffer and copies each pixel from the corresponding position in the source image.
All four values must be whole numbers, and the rectangle must not extend past the source image's edges.
When To Use Signature Cropper
Use it to trim excess whitespace, stray pen marks, or scanner artifacts from around a signature.
It's also useful for isolating one signature out of a scan that captured multiple signatures on the same page.
Often used alongside Signature Resizer and Signature Image Extractor.
Features
Advantages
- Precise, coordinate-based control over exactly what's kept.
- Rejects out-of-bounds crops with a clear error instead of silently clamping them.
- Runs entirely client-side.
Limitations
- Only supports rectangular crops; there's no automatic content-aware detection of where the signature actually is.
- Requires knowing (or estimating) exact pixel coordinates, which can take some trial and error.
Examples
Best Practices & Notes
Best Practices
- Check the source image's dimensions first (via the dimensions finder tool) before entering crop coordinates.
- If you just need to trim empty transparent margin automatically, use the signature image extractor instead of manual coordinates.
Developer Notes
This tool is a thin wrapper around the shared cropPng function; the rectangular-crop math is identical regardless of whether the subject is a signature or any other PNG.
Signature Cropper Use Cases
- Removing a stray mark or smudge from a signature scan
- Separating multiple signatures captured on one page
- Trimming a signature down to a specific aspect ratio before use elsewhere
Common Mistakes
- Entering a width/height that extends past the image's edge, which the tool rejects rather than silently clamping.
- Forgetting that coordinates are pixels from the top-left corner, not percentages.
Tips
- Use the dimensions finder tool first to confirm the source image's exact pixel size.
- For automatic trimming to the visible signature content, prefer the signature image extractor over manual cropping.