Pixel Sort - Glitch Art from Any Photo
Image Tools
Drop an image or click to browse
JPG, PNG, WebP - runs locally, nothing uploads
What is Pixel Sort - Glitch Art from Any Photo?
How it works
Features & Benefits
- Real-time pixel-sort glitch effect with five sort keys (luminance, hue, R, G, B)
- Horizontal and vertical modes
- Threshold and reverse controls let you tune the effect from subtle to extreme
- Export the result as a PNG; nothing is uploaded
Frequently Asked Questions
Why does pixel sort look the way it does?
Because only pixels above a threshold are sorted, you get smeared streaks where bright/dark regions get rearranged, and untouched islands where the threshold isn't crossed.
Why is this in the WebGPU batch if it runs on CPU?
The sort itself is inherently sequential per row, so CPU is the right tool. We bundle it with the WebGPU tools because it lives in the same 'image art' category and shares the same no-upload story.
How big an image can it handle?
Tested comfortably on 4K images. Very large captures may take a second or two; sliders feel snapper on web-resolution photos.
Is my photo uploaded?
No. Decoding, sorting, and PNG encoding all run in your browser.
Related Tools
Real-time exposure, contrast, saturation, warmth, blur, sharpen, vignette, and grain. GPU-accelerated via WebGPU; nothing uploads.
Sobel edge detection in your browser, GPU-accelerated via WebGPU. Real-time preview, threshold and thickness controls, PNG export.
Invert, shift hue, adjust warmth, brightness, contrast, and saturation. Full-fidelity Canvas API processing - your images never leave your browser.
Popular Utilities
Format, validate, and minify JSON instantly in your browser. Your data never leaves your device.
Decode JWT tokens and inspect header and payload instantly in your browser. Your tokens never leave your device.
Count words, characters, sentences, and estimate reading time instantly in your browser. No sign-up required.
Learn More & Guides
Pixel Sort: How Glitch Art Became an Algorithm
Pixel sort is one of the few generative-art techniques with a clean algorithmic statement: sort runs of pixels by some key. The visual signature - smeared streaks broken by sharp untouched regions - comes from one tiny detail: the threshold.
9 min readSobel Edge Detection on the GPU: A WebGPU Worked Example
Edge detection is a textbook image-processing problem with a textbook solution. Implementing it on the GPU in WebGPU is also textbook - but the texts haven't been written yet. Here's the worked example.
9 min readReal-Time Photo Finishing in a Browser Tab: A Multi-Pass WebGPU Pipeline
A photo finisher needs nine sliders to do real work: exposure, contrast, saturation, warmth, gamma, blur, sharpen, vignette, grain. Doing all nine in real time used to require a desktop app. Here's how to do it in a tab.
10 min readImage Histograms and Levels: What Photoshop Has Been Doing Since 1990
The histogram is the single most useful diagnostic in image processing. The levels adjustment is the matching tool that lets you do something about what the histogram tells you. Both finally run in real time in the browser.
10 min read