Floyd-Steinberg Dithering

Choose an image

Images never leave your device (processed in your browser).

Mode

Palette: 1-bit → {0,255}; 4-level → {0,85,170,255}.

Drag & drop an image here, or use the file picker above.

Floyd-Steinberg Dithering - Quick Cheat Sheet

What it does: Converts an image to a limited grayscale palette while diffusing the quantization error to neighboring pixels to preserve detail/tonality.
Weights (right, down-left, down, down-right): 7/16, 3/16, 5/16, 1/16, applied to the remaining error at each pixel.
Grayscale luminance: Y = 0.2126·R + 0.7152·G + 0.0722·B.
Palettes in this tool: 1-bit → [0,255]. 4-level → [0,85,170,255].
Steps: (1) Convert to luminance. (2) Round to nearest palette value. (3) Compute error. (4) Distribute error to neighbors using the weights above. (5) Repeat scan left→right, top→bottom.
Tips: 1-bit yields strong contrast & visible dithering; 4-level is smoother. Larger images may take longer-wait for the canvas to update.

Edge cases & notes

Processing occurs at the image's native resolution. The canvas scales visually via CSS (max-width: 100%).
Drag & drop and file input are both supported. Nothing is uploaded.
Download produces a PNG of the current canvas result.