Create Silhouette from Image
Create silhouettes from any image - alpha or luminance threshold modes, custom color, transparent or solid background. PNG/WebP/JPEG. Free, client-side.
Turn any image into a silhouette using either an alpha or luminance threshold. Custom silhouette color, optional transparent background. Threshold slider, 5 luminance formulas.
Original / Silhouette
How to Use Create Silhouette from Image
- Drop any image. Best results: portrait or object on a contrasting background.
- Pick a mode. Auto uses alpha if the image has transparency, else luminance. Alpha only works on transparent PNGs/WebPs (turns visible pixels into silhouette). Luminance works on any image (turns dark pixels into silhouette).
- Adjust the threshold slider. Lower = less area becomes silhouette. Higher = more area becomes silhouette. The stats line shows the silhouette percentage in real time.
- Pick silhouette color (default black). Pick background: transparent (PNG/WebP only) or solid color.
- Pick output format. PNG/WebP support alpha; JPEG flattens.
- Download or copy the data URI. Filename includes dimensions and color.
Frequently Asked Questions
What kind of photo makes a good silhouette?
Strong contrast between subject and background is what matters most. Side profiles of people, animals, trees, and city skylines against a bright sky convert almost perfectly. Photos where the subject and background share similar brightness (a dark coat against a dark wall) force you to push the threshold slider to extremes and lose detail. If you control the shot, photograph the subject against a plain bright background and the conversion becomes one click.
What’s the difference between alpha and luminance modes?
Alpha mode uses each pixel’s alpha channel: alpha > threshold → silhouette. Only works on images with actual transparency (PNG/WebP with alpha channel). On a JPEG (all alpha = 255), every pixel becomes silhouette – useless. Luminance mode uses each pixel’s brightness: brightness < threshold → silhouette. Works on any image; produces a “dark-on-light = silhouette” effect like a stencil.
Which luminance formula should I pick?
Rec 601 (default) is the classic NTSC formula. Rec 709 matches sRGB / modern displays. Average is simple R+G+B / 3. Max channel uses the brightest channel – useful when you want red text on a colored background to NOT become silhouette. Min channel uses the darkest channel – opposite use case.
What does the threshold slider do exactly?
In luminance mode: brightness 0-255. Threshold 128 (default) splits pixels into “dark half” (silhouette) and “light half” (background). Lower threshold makes only very dark pixels become silhouette; higher threshold makes more pixels become silhouette. In alpha mode: alpha 0-255. Threshold 128 means “more than half opaque”. Lower threshold = more pixels qualify; higher = fewer.
Why are the percentages shown in stats?
“X% silhouette” means X% of the image’s pixels qualified as silhouette. Very low (under 0.5%) or very high (over 99.5%) often means the threshold or mode is wrong for this image – the tool shows an info-toast warning in those cases.
Does this preserve image quality?
No – silhouette is fundamentally lossy. Every pixel becomes one of two colors (silhouette or background). Detail inside the silhouette area is lost. That’s the point of a silhouette.
What’s in the download filename?
Format: {original-stem}-silhouette-{w}x{h}-{silHex}.{ext}. E.g., portrait-silhouette-1920x1080-000000.png. The hex makes it obvious which color you used.
What’s the file-size limit?
10 MB. Larger files work in principle but Canvas getImageData gets memory-heavy.
Is anything uploaded?
No. Canvas API runs in the browser. Nothing leaves your device.