Playground

Drop in your image, pick an algorithm, tweak a slider. The @ditherkit/react Web Worker handles every pixel live, in your browser.

image
image

or drop an image onto the canvas

controls
algorithm
palette
output width (px)

source: 1600px

press ? for shortcuts
output 300×450 · cell 1px · processed at 300×450 · source 1600×2400
import { DitheredImage } from "@ditherkit/react"<DitheredImage  src="/images/playground/portrait.jpg"  alt="Dithered image"  width={300}/>