Pixelizer

What's this?

A web based image glitching processor that works by "sorting pixels". It takes any provided input image and shuffles the pixel content according to controllable algorithms to provide a distorted take, hopefully with pleasing results.

Pixel sorting

Pixel sorting is a digital image processing technique that involves manipulating the pixels of an image by rearranging them using certain criteria, such as brightness, color, hue or saturation and specific sorting techniques to create distorted and glitchy images.

Experimentation

The app provides control to select pixels (sorting type) which are fed into an interval function (determining the sort order). Randomness can be used to randomly exclude pixels from the process while threshold and angle controls determine the intensity and direction of the effect.

You can save intermediate steps to stack effects and apply masking to restrict the effect to specific constraints.

Credit where credit is due

Adapted from Python code by Satyarth Mishra Sharma, which in turn was based on a Processing script by Kim Asendorf.

Like their contributions, pixelizer is fully open source (algorithms in TypeScript, GUI in Vue).

Pixelizer in action

Pixelizer can run directly in any modern browser and offers:

  • Offline support
  • Mobile support (though tablet display and larger is recommended)