toolsko

Choose your language

ToolsKo is written in English. Prefer another language? Open a translated version of this public page.

Browser language suggestion: English. You can choose any language below.

Translation opens in a new tab using Google Translate. It receives this public page URL. Automatic translations may contain mistakes; use the original English page for tool inputs, downloads, and generated documents.

Your choice is remembered on this browser when storage is available. Use Language in the header to change it.

Ordered Dithering Image Tool

Create a black-and-white retro image using a 4×4 Bayer pattern.

Tool inputs stay in your browser · optional AI search sends your query

Loading tool…

Good to know: Works locally in your browser with JPG, PNG and WebP. No images are sent to the server. Maximum 10 MB per file, 8 megapixels and 4096 pixels per side. Up to two images only for comparison; other tools use one. Outputs have the same pixel size unless the tool explicitly changes it. Static images only; animation and original metadata are not preserved. Keep your original files.

How to use it (step by step)

  1. 1Choose your image.
  2. 2Create the dithered preview; the pattern approximates grey using dots.
  3. 3Download the PNG. Existing transparency is preserved.

Words to know

Dithering / Bayer pattern
A regular pattern of black and white dots that looks like grey from a distance.
EXIF / metadata
Hidden information stored inside a photo: camera, date and sometimes the exact place it was taken.
Resolution / pixels
A picture is made of tiny dots called pixels. 1080×1920 means 1,080 dots wide and 1,920 tall.
JPG, PNG, WebP
Picture file types. JPG is best for photos, PNG for graphics and see-through backgrounds, WebP is newer and smaller.
Data storage units
Sizes of digital files: 1 KB ≈ a short text, 1 MB ≈ a photo, 1 GB ≈ a movie. 1 GB = 1,000 MB (or 1,024 in computer counting).

More in Design & Color

Color ConverterHEX ↔ RGB ↔ HSL, with a live swatch.Color Contrast CheckerWCAG contrast ratio for text and background colors.CSS Gradient GeneratorLinear and radial gradients with copy-ready CSS.PX to REM ConverterPixels to rem/em and back for CSS.Aspect Ratio CalculatorSimplify a ratio and scale width or height to match it.CSS Box Shadow GeneratorCreate a CSS box-shadow from offsets, blur and opacity.