Image Processing Playground
Upload an image, then apply grayscale, blue tint, sharpen, or edge detection. Everything runs locally in your browser.
Loading libraries…
Image File
Sample
Load Sample
Sample images load from
../imgs/?q=name
(e.g.,
pen
,
cat
,
flower
). Uploading uses your local file.
Grayscale
Blue Tint
Sharpen
Edge Detect
Reset
Download
Effect Strength
(1.0×)
Edge Mode
Sobel (gradient magnitude)
Laplacian
Messages & Error Log
Image:
None
Canvas:
—
What’s included
Upload image (local file) or load sample from
../imgs/?q=…
Filters: Grayscale, Blue Tint, Sharpen (convolution), Edge Detect (Sobel/Laplacian)
Strength slider applies to each effect
Defensive error handling with visible logs
Tip: Apply an effect multiple times for stronger results, or use the strength slider.
All processing is client-side using Canvas APIs.