Does thinning change the signature's overall canvas size?

No, the canvas stays exactly the same width and height as the source; only how much of it is covered by opaque ink shrinks.

How is thinning implemented?

It erodes the signature's alpha silhouette: any originally-opaque pixel within the chosen distance of a transparent pixel, or the canvas edge, is cleared to transparent.

Can thinning make thin strokes disappear entirely?

Yes, if a stroke is thinner than twice the chosen erosion amount, it can be eroded away completely from both sides. Use a small amount and preview the result before applying a large one.

How is this different from the signature thickener?

The thickener grows the ink outward (dilation); the thinner shrinks it inward (erosion) — they're inverse operations.

Signature Thinner - Make a Signature's Strokes Finer

Overview

Introduction

This tool thins a signature's ink strokes entirely in your browser, shrinking overly heavy or bold strokes down to a finer weight.

It's the inverse operation of the signature thickener tool.

What Is Signature Thinner?

A client-side morphological erosion tool: it shrinks the signature's non-transparent silhouette inward by a chosen number of pixels.

The canvas dimensions stay the same as the source; only how much of it is covered by opaque ink decreases.

How Signature Thinner Works

For every originally-opaque pixel, the tool checks a neighborhood of the chosen radius around it. If any pixel in that neighborhood (or the pixel itself sitting at the canvas edge) is transparent, the original pixel is cleared to transparent too.

This shrinks the visible shape inward from every edge, the mirror image of how the thickener dilates it outward.

When To Use Signature Thinner

Use it on a signature that was signed with a thick marker or scanned at a setting that bulked up the strokes.

It's also useful for lightening a signature's visual weight to better match a document's overall typography.

Often used alongside Signature Thickener and Signature Color Changer.

Features

Advantages

Keeps the same canvas dimensions as the source.
Simple, predictable erosion by a fixed pixel radius.
Runs entirely client-side.

Limitations

Strokes thinner than twice the chosen erosion amount can be eroded away completely.
It can't recover fine detail that was already lost to a heavy, blobby original stroke — it only removes pixels, never adds detail.

Examples

Thinning a bold marker signature

Input

A thick-marker signature, thinned by 2 pixels

Output

The same signature with visibly finer strokes

Each stroke's silhouette shrinks by 2 pixels from every edge.

Over-thinning removes a stroke

Input

A signature with a very thin flourish, thinned by 5 pixels

Output

The flourish disappears entirely while thicker strokes survive but shrink

A stroke narrower than twice the erosion amount gets eroded away from both sides simultaneously.

Best Practices & Notes

Best Practices

Start with a small amount (1-2 pixels) and preview before applying a larger one.
Check for any thin flourishes or fine details in the signature that might be at risk of disappearing.

Developer Notes

This tool is a thin wrapper around the shared removeStrokeFromPng function, which already implements exactly this alpha-silhouette erosion; no new math was needed since the operation is identical for a signature, sticker, or any other PNG shape.

Signature Thinner Use Cases

Lightening an overly bold marker signature
Reducing stroke weight to better match a document's typography
Correcting a signature that scanned heavier than the original pen stroke

Common Mistakes

Using a thinning amount large enough to erase fine details or thin flourishes entirely.
Expecting the canvas to shrink — only the visible ink shrinks, the canvas stays the same size.

Tips

Preview at 1 pixel first before trying larger erosion amounts.
If a stroke disappears entirely, undo by re-uploading the original and using a smaller amount.

Signature Thinner