JIP-NG

JavaScript Image Pixelator and Noise Generator

Auto-generate on option change
Use picture as base?
File
Tile shape
Tile color
Tile color drift
Tile color drift-mode
Tile size
Tile Spacing
Rows/Columns
Repeatable?
Greyscale?
Background color?
Show result as background-image?
Random tiles?
Random color
Random tile drift
Quantity

About this tool

With this tool you can generate noise pictures and pixelate your own pictures.

Options

Auto-generate on option change

Automatically generates a new picture when an option is changed. (Might introduce lag when using pictures as base)

Use picture as base

If enabled you can pick a picture from your hard drive and use that picture instead of random noise.

Tile shape

Defines the tile shape. You can choose between rectangular tiles, circular tiles and hexagonal tiles.

Tile color

Defines the base color. This is only available when generating noise.

Tile color drift

Drift defines how much different the color of a tile might be from the base color.
0 - Not different at all (all tiles have the same color)
255 - As different as possible

Tile color drift mode

Color: Only one of the RGB-values will be drifted. So a tile may get more/less green,red or blue.
Brightness: All RGB-values will either be de- or increased at the same time.

Tile size

Defines the size of a tile in pixels.

Tile spacing

Defines the space between the tiles in pixels.

Rows/Columns

Defines how much rows/columns of tiles will be generated.

Repeatable

If enabled a small border in the size of your specified tile-spacing will be added on the right and bottom side of the generated image. This is useful when generating noise.
Disable this when pixelating big images for e.G. wallpapers otherwise there will be an unnecessary border.
This has no effect on hexagons! They always have a repeatable pattern.

Greyscale

When enabled tiles get greyscaled.

Background color

If enabled you may pick a custom background color for the space between the tiles.
When disabled the chosen tile-color will be the background-color when generating noise, when using a picture the average color of that picture is used as background.

Show on page

If enabled the generated image is set as background-image on this site. If the image is smaller than the width of the window, the image will be repeated.

Random tiles

If enabled random tiles will be added to the generated image.

Example pictures

Some pictures I generated with this tool: