Coloring Page Maker

How it works

A coloring page is a picture reduced to its boundaries. Here is what happens between choosing an image and printing the result — and why none of it needs a server.

From photograph to outline

When you choose an image, your browser decodes it into raw pixels and hands them to a background worker — a separate thread that keeps the page responsive while it works. From there the picture goes through a short sequence of steps.

  1. Resize to a working sizeA 12-megapixel photo carries far more detail than a printed page can reproduce. The image is scaled to the resolution the output actually needs, which makes everything after this both faster and cleaner.
  2. Convert to grayscaleColour is irrelevant to where boundaries fall, so the image is reduced to lightness values weighted the way the human eye perceives them.
  3. Blur slightlyA small blur removes sensor noise and compression artefacts. Skip it and every speck of grain becomes a line of its own.
  4. Find the edgesThe gradient of the image — how sharply brightness changes, and in which direction — is measured at every pixel. Ridges in that gradient are the boundaries between one thing and another.
  5. Thin and traceThose ridges are narrowed to single-pixel lines, then followed outward: a faint edge is kept if it connects to a strong one, and discarded if it stands alone. This is what turns a field of gradient values into continuous strokes.
  6. Clean up and thickenIsolated specks too small to colour are removed, and the surviving lines are widened to the thickness you chose.
  7. Place on the pageThe artwork is centred on A4 or US Letter with a 12 mm margin, preserving its proportions, and written into a PDF.

What the controls actually change

Each setting maps onto a specific step above, which makes their behaviour predictable once you know what to expect.

  • Detail sets how strong a boundary must be before it becomes a line. The threshold adapts to each image rather than being a fixed number, so Medium behaves consistently across a bright landscape and a dim indoor photo.
  • Line thickness is measured on the printed page, not in pixels. Thin is about 0.35 mm — roughly one point, which is the practical floor before a home printer starts dropping parts of a line.
  • Style switches the edge-finding method. Outline uses gradient tracing for clean, closed boundaries. Sketch uses a difference-of-Gaussians approach that keeps more interior shading, so it reads as hand-drawn but uses more ink.
  • Page size and orientation change the shape of the area the artwork is fitted into, which also changes the resolution the pipeline targets. Auto orientation follows the proportions of your image.

Why it can run on your device

Edge detection is cheap. The entire pipeline is arithmetic over an array of numbers, with no model to download and no inference to run, so a browser handles it comfortably in a fraction of a second. The only reason comparable tools use a server is that it is easier to build one way than the other — not because the work demands it.

That has a pleasant consequence. Because no image ever needs to be transmitted, this site does not implement uploading at all. There is no endpoint to receive a file, no storage to hold one, and no log that could record one. The privacy policy describes that in full, but the short version is that the architecture makes the promise rather than the policy.

One limitation worth knowing. When you paste an image address instead of choosing a file, your browser has to fetch that image, and the site hosting it decides whether other sites are allowed to read it. Many say no. When that happens, saving the picture to your device and choosing it from there always works.

Frequently asked questions

Is this artificial intelligence?

No. It is classical image processing — the same family of edge-detection techniques used in computer vision since the 1980s. There is no model, no training data, and no inference service involved, which is exactly why it can run locally and instantly.

Why does the preview look different from the download?

The preview runs at a lower resolution so it can redraw quickly while you adjust settings. When you download, the whole pipeline runs again at print resolution, which is why the file has finer, cleaner lines than the on-screen preview.

Why do some images produce messy lines?

Edge detection reacts to contrast, and it cannot tell a meaningful boundary from a noisy one. Grass, foliage, fabric texture, and image compression artefacts all create contrast, so they all become lines. Lowering the Detail setting raises the threshold an edge must clear before it is drawn.

Does my device need to be powerful?

Not especially. A typical photo converts in well under a second on a mid-range laptop or a recent phone. Very large images are scaled down to a sensible working size first, so the time taken stays roughly constant regardless of how many megapixels you start with.