Silhouette Area Calculator (Front-end only)

Load image (local file recommended)

Drag & drop an image here

Or load by URL (must allow CORS for pixel analysis)

Analyze

Regions

Ruler / Scale

Threshold (0..255). Pixel becomes “foreground” if gray < threshold

Value: 128

Max pixels to analyze (auto downscale if bigger)

Foreground pixels (estimated at original)

—

Foreground area (%)

—

Total pixels (original)

—

Foreground area (real, if scale set)

—

Tip: for already black/white images, threshold won’t matter much.

Click on the mask (right pane) to select a region. Shift-click to multi-select.

Minimum region size to include in totals (analysis pixels)

Selected regions

Selected area (%)

—

Selected pixels (estimated at original)

—

Selected area (real, if scale set)

—

Labeled regions (largest first)

No regions labeled yet. Click on the mask to label/select.

Regions are connected components on the analyzed (possibly downscaled) mask.

Draw a line on the image (left pane) to measure pixels. Enter the real distance to calibrate scale.

Measured distance

Pixels (original image)

—

Units per pixel

—

Real distance for that ruler line

Manual scale (overrides calibration)

Real area is computed as: area_px * (unitsPerPx)².

Preview (left: original; right: mask). Click/drag to use tools.

Mask shows foreground (black) vs background (white). Selection draws bounding boxes.