The Visual Language of Glitch Art

Glitch art borrows the vocabulary of broken technology: colour channels that slide apart, bands of image that jump sideways, the ghosting of a worn VHS tape. The effects are deliberate now, but they read as accidental, and that tension is the whole point. Understanding where each artefact comes from is what separates a considered piece from noise.

Our Glitch Art Generator works entirely in the browser using the Canvas API, so the photo you are corrupting never leaves your machine. Below is what the classic effects are, and how to use the tool's controls to get the look you have in mind.

Channel shift, or chromatic aberration

A digital image stores red, green, and blue as separate values for every pixel. If you offset one channel horizontally and leave the others in place, edges bloom into coloured fringes - red on one side, cyan on the other. Real cameras produce a faint version of this through lens dispersion, and old analogue displays produced a much cruder one through misconverged electron guns. Our tool shifts the red channel by a random offset of up to about ten pixels each time you glitch, which is enough to read clearly without dissolving the subject.

Channel shift is the single most legible glitch signal. It works best on images with hard, high-contrast edges: text, silhouettes, architecture. On a soft, low-contrast portrait it can vanish entirely.

Slice displacement, or datamosh

Horizontal bands of the image cut and slide sideways. This is the digital descendant of tracking errors on videotape and of genuinely corrupted files, where a lost byte throws every subsequent row out of alignment. Each pass through the tool picks two to six random horizontal slices, each up to a quarter of the image tall, and nudges them left or right by up to twenty pixels.

Because the offsets are random, every click produces a different composition. That is a feature, not a limitation: click the glitch button repeatedly and watch until a version lands where the displaced band cuts across something meaningful, like a face or a horizon line.

Scanlines and the CRT look

Cathode ray tubes drew images one horizontal line at a time, leaving faint dark gaps between them. Reproducing those gaps as thin, evenly spaced dark rows instantly signals "old monitor" to a viewer, and it is the quickest way to push a glitch composition towards the cyberpunk end of the spectrum. Pair scanlines with a slight green or amber cast for a terminal look, or with magenta and cyan for the neon-soaked version.

Corruption, pixel sorting, and the wider family

Two more techniques show up constantly in glitch work. Databending means opening an image file in a text or audio editor and editing bytes directly, then reopening it as an image. The results are unpredictable and often destroy the file, which is exactly why practitioners like it. Pixel sorting reorders the pixels within a row by brightness or hue, producing the melted, dripping streaks you see on album covers. Both are worth knowing about as reference points even when you are working with a simpler set of controls.

Making random output feel intentional

The tool's glitches are cumulative. Each click applies another channel shift and another round of slice displacement on top of the current canvas, so the image degrades further the more you press. Restraint is what makes the difference:

Composition still matters. Glitch effects distributed evenly across a frame read as noise. Glitch effects that hit one region - the eyes, a logo, the horizon - read as intent.

Where glitch pairs well with other effects

Glitch rarely travels alone. Adding film grain over a glitched image ties the displaced bands together and hides the clean edges of a canvas operation. Running a photo through dithering first gives you a coarse, one-bit source where channel shifts and slice cuts land very differently from how they behave on a smooth photograph. Both combinations are worth ten minutes of experimenting.

Export is a PNG, which keeps hard-edged artefacts crisp; a JPEG re-encode would blur the very edges you worked to create. And since nothing is uploaded, you can glitch personal photos, unreleased artwork, or client material without a copy landing on someone else's server.

Glitch It

Load an image, click until it looks broken in the right way.

Open Glitch Generator
Back to blog