RgbQuant.js Playground

## RgbQuant.js

- Click an image to quantize it. Some will use config presets to improve quality.
- Palette will show the computed palette that's used for color reduction.
- Config values can be edited & re-processed via update. If lock config is checked, the visible config will be used for all updates and clicked images.
- Open the browser's console to see quant steps & timing details.
- This demo doesn't use Web Workers, so will freeze the UI for a bit (or for a while, depending on config & image).
- Sometimes Firefox won't load an image fully, just try again.

Graphics |
Gradients |
Photos |
Photos 2 | These photos benefit from setting 'minHueCols' > 0 to retain overwhelmed, low-frequency but distinct hues.
Multi-image | A single, optimal palette is progressivley generated for a set of images. Each is then reduced using it.

#### Config

                var opts = {
                    colors: ,
                    minHueCols: ,
                    dithKern: ,
                    dithSerp: ,
                };

lock config

#### Palette

#### Original

#### Reduced