Image Glitch Effect
A glitch effect imitates two things that go wrong with real image data: colour channels drifting apart, which leaves red and cyan fringes, and horizontal slices shifting sideways, which is how a corrupted frame decodes before it recovers.
How to add a glitch effect to an image
Add your image
Drop a JPG, PNG or WebP onto the drop zone, or click to choose one.
Set the amount
Drag the slider to control both how far the colour channels separate and how far the slices move.
Shuffle if you want a different break
The slice positions are fixed for a given pattern, so shuffle until the placement suits the image.
Download the result
The preview updates as you adjust. Download it as a PNG when it looks right.
Why use this tool
Two effects on one slider
Colour channel separation and slice displacement scale together, so a single control takes you from subtle to wrecked.
Stable pattern while you tune
Slice positions come from a fixed pattern, so moving the amount slider changes intensity without rearranging everything.
Shuffle for a different break
One button steps to a new pattern when the current slice placement lands badly on your subject.
No blank edges
Displaced slices wrap around instead of leaving empty bands at the sides.
Runs entirely in your browser
Your image is never uploaded.
About this tool
The glitch aesthetic borrows from genuine failures in how images get stored and transmitted. Two of them are doing the work here. The first is channel separation: when a signal carrying red, green and blue drifts out of alignment, edges pick up a red fringe on one side and a cyan fringe on the other. Analogue video did this constantly, and cheap lenses produce a milder optical version called chromatic aberration.
The second is slice displacement. Compressed images are decoded in blocks and rows, so a corrupted stream frequently produces intact strips of picture shoved sideways from where they belong, with the image below them continuing normally. Reproducing that means cutting horizontal bands and offsetting them, then wrapping what falls off the edge back around so no empty gaps appear.
Both effects are driven from one amount slider, because in practice they read as a single phenomenon rather than two. The slice positions come from a fixed pattern rather than fresh randomness on every render, which matters more than it sounds: without it, nudging the slider by one percent would rearrange the whole image and make the control useless for fine tuning. The shuffle button steps to a new pattern when you want a different placement. Output is PNG so the hard channel edges stay crisp. For related looks there is pixelate image, dither image, and invert image colors.
Frequently asked questions
- What causes the red and blue fringes?
- Deliberate channel separation. The red channel is sampled from slightly to the right and the blue from slightly to the left, leaving green in place, which is what a misaligned colour signal looks like.
- Why does the pattern stay the same when I move the slider?
- Because the slice positions come from a fixed seed rather than fresh randomness. If they reshuffled on every change you could not tune the intensity, only gamble on it.
- How do I get a different arrangement of slices?
- Use the shuffle button. It steps to the next pattern while keeping your amount setting, so you can hunt for a placement that suits the subject.
- Is this the same as datamoshing?
- It imitates the look. Real datamoshing corrupts the compressed data itself, usually in video, so that motion from one scene is applied to another. This produces the visual signature without damaging any file.
- Why is the output a PNG?
- The effect creates hard edges between displaced slices and separated channels, and lossy compression would soften exactly those edges.
- Is my image uploaded anywhere?
- No. Everything runs in your browser and the image never leaves your device.
Related tools
Pixelate Image
Turn a picture into blocks, with a slider for how big they are.
Dither Image
Turn a photo into a 1-bit or low-colour dithered image, live as you change the settings.
Invert Image Colors
Flip an image to a negative, or invert only light and dark.
Image Histogram
See the tonal distribution of a photo, with clipping warnings and per-channel views.
Rotate & Flip Image
Rotate JPEG, PNG, and WebP images by 90 degrees or mirror them horizontally and vertically.
Image to ASCII Art
Turn any picture into text art you can copy or save.