Signature Cropper

Uploads a PNG signature and cuts out a rectangular region given a top-left corner and width/height in pixels, useful for trimming stray marks or isolating just the signature stroke from a larger scan. A free online tool from Staaarter, right in your browser.

Runs locallyUpdated 2026-07-26

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.

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

Trim a stray mark

Input

A 400x150 signature scan with a smudge in the corner, cropped to (10, 10, 350, 120)

Output

A 350x120 PNG with the smudge cut out

Choosing a rectangle that excludes the smudged corner removes it entirely.

Isolate one of two signatures

Input

A scan with two signatures side by side, cropped to just the left half

Output

A PNG containing only the first signature

A rectangular crop that spans just one signature's region separates it from the rest of the page.

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.

References

Frequently Asked Questions