Silhouette Generator — Clean Two-Tone Outlines From Any Photo
Silhouettes are everywhere in modern design: yoga studio logos, hiking brand t-shirts, podcast cover art, Instagram story stickers. The technique behind them is surprisingly simple — pick a brightness threshold and collapse every pixel below it to black, every pixel above to white. PikDraw's Silhouette Generator exposes that single threshold as a live-preview slider, plus invert and edge-softening controls, so you can convert a regular photo into a clean two-tone silhouette in seconds.
What is the Silhouette Generator — Two-Tone Outlines?
The Silhouette Generator is a luminance-thresholding filter that converts any image into a flat two-tone PNG. Each pixel's brightness is computed using the standard BT.601 luma formula, then compared against an adjustable threshold. Pixels below become the subject colour; pixels above become the background colour. An optional edge-softening pass smooths jagged transitions, and an invert switch handles bright-on-dark subjects.
Key features
- Single adjustable luminance threshold (0–255)
- Invert switch for bright subjects on dark backgrounds
- Edge softening from 0–30 pixels for vector-friendly output
- Live preview updates instantly as you slide
- Full-resolution PNG export — no quality loss
- 100% browser-side — photos stay on your device
- Pairs perfectly with our PNG-to-SVG tracer for vector conversion
- Free, unlimited, no signup
How it works
For each pixel the tool computes luma using the BT.601 weighted formula (0.299·R + 0.587·G + 0.114·B). If the luma is below the threshold, the pixel is painted with the subject colour (black by default); otherwise it gets the background colour (white). When edge softness is greater than zero, the binary result is rendered to an off-screen canvas with a Gaussian blur filter, then re-thresholded — that double pass produces antialiased outlines that trace cleanly to SVG.
Why use this tool
Doing this in Photoshop means Threshold adjustment layer, mask, refine edges — five steps for a four-slider operation. PikDraw collapses the whole workflow into a live preview, runs it locally for privacy, and pairs naturally with our PNG-to-SVG tracer when you need a vector version.
Common use cases
- Logo and brand mark generation from reference photography
- T-shirt and merchandise designs
- Hiking, yoga and outdoor brand visuals
- Podcast cover art with portrait silhouettes
- Instagram story stickers and overlays
- Coloring-book and stencil templates for kids
- Wedding and event invitation graphics
How to use this tool
- Upload Your Photo — Drop in a photo with a clear subject against a contrasting background — a person against the sky, a tree on grass, a product on a plain backdrop.
- Adjust the Threshold — Slide the threshold until the subject reads as a single solid shape. Pixels below the threshold become the subject; everything else becomes background.
- Invert if Needed — If your subject is brighter than the background (e.g. snow on dark rock), flip the invert switch so the right region becomes the silhouette.
- Soften the Edges — Add a few pixels of edge softness for a printable, vector-friendly outline. Set it to zero for a crisp, pixel-accurate threshold.
- Export — Download as a high-contrast PNG ready for stickers, t-shirt prints, logos or social posts.
Who should use this
Logo designers exploring silhouette directions. Brand designers building merch lines. Content creators making story stickers. Wedding stationers building custom invitation graphics. Anyone who has tried to manually trace a silhouette in vector software and given up.
How to get started
Drop a photo with a clear subject and contrasting background, tune the threshold until the silhouette reads cleanly, and download the PNG. Send the result through our PNG-to-SVG tool if you need a scalable vector version.
Best practices
- Choose source photos with strong brightness separation — subject against sky is the gold standard.
- Start with a threshold around 120 for most photos; slide left for darker subjects, right for lighter ones.
- Use 4–8 pixels of edge softness when you intend to vectorise the result.
- For multi-subject shots, crop to a single subject first using our crop tool — thresholding works best on isolated forms.
- Always preview at full resolution before exporting — small thumbnails can hide jagged or noisy edges.
Pro tips
- Subjects shot against the sky produce the cleanest silhouettes — the brightness gap is huge.
- If the subject's edges look ragged, increase edge softness to 4–8 pixels for a smoother vector-style outline.
- For best printing results, export at full resolution and then trace the result into SVG using our image-to-SVG tool.
- Profile portraits with a plain wall behind them work surprisingly well — try them before reaching for a true background remover.
Expert insights
💡 Shoot Against the Sky
Photos taken against bright sky make near-perfect silhouettes in one slider move — the brightness gap is huge.
🔍 Why BT.601 Luma?
Human eyes are more sensitive to green than red or blue, so the weighted luma formula matches perceived brightness better than a flat RGB average.
⚡ Pair With SVG Tracer
Export the silhouette as PNG, then run it through our PNG-to-SVG tool for an infinitely scalable vector logo or sticker.
✓ Soften Before Tracing
Add 4–8px of edge softness before exporting — the resulting vector trace will be dramatically cleaner.
⭐ Two Sliders, Done
Threshold + Invert covers 90% of subjects. Reach for edge softness only when you plan to vectorise the result.
Limitations to be aware of
- Pure brightness thresholding cannot separate same-luminance colours (e.g. red on green of equal brightness).
- Output is flat two-tone PNG, not transparent — run through a background remover if you need true transparency.
- Highly textured backgrounds (foliage, crowds) leak speckles into the silhouette and require manual cleanup.
- For photographic subject extraction with colour preserved, use the background remover instead.
Frequently asked questions
- Is this the same as background removal?
- No. Background removal isolates the subject with its original colours and gradients. This tool collapses the subject to a single flat colour against a flat background — exactly what you want for silhouettes, stencils and outline graphics.
- Why are my edges jagged?
- Pure luminance thresholding produces sharp pixel-level transitions. Increase the 'Edge Softness' slider to apply a blur-and-rethreshold pass, which smooths out staircase artefacts at the cost of fine detail.
- Can I use this for logos?
- For simple high-contrast subjects, yes — export the silhouette and then trace it to SVG with our PNG-to-SVG converter to get a clean vector logo. Complex multi-tone subjects work better in a dedicated vector tool.
- What's the difference between threshold and invert?
- Threshold sets the brightness cut-off. Invert decides which side of that cut-off becomes the subject. For dark subjects on bright backgrounds keep invert off; for the reverse, turn it on.
- Does it work on multi-colour subjects?
- The tool only sees brightness, not colour. A red subject on a green background of similar brightness will not separate well — try a true background remover instead.
- Are files uploaded anywhere?
- No. All thresholding runs in the browser via the Canvas API.
- Is the output transparent?
- Not in this version — the result is a flat two-tone PNG. If you need transparency, export to PNG and run the result through a background remover that targets pure white.
- Is the tool free?
- Yes. No signup, no watermark, no usage cap.