<Texture Studio

Halftone Generator

[ 4 KERNELS // CANVAS 2D ]

Real screen angles and a density ramp, not a dot texture pasted on top.

← → Switch filters with ← →// 100% client-side Canvas 2D processing, zero upload

Halftoning reproduces continuous tone with marks of varying size at a fixed spacing. Printing presses cannot lay down 40% ink; they lay down dots that cover 40% of the area. Your eye does the rest. A halftone generator that just multiplies a dot texture over the photo misses the point — the dots have to grow and shrink with local darkness.

Dotcross is the primary filter here, and it changes mark type as well as size. Below 31% darkness it draws a circle whose radius tracks the tone. Above that it switches to a cross whose arm length and stroke weight keep climbing. A Bayer matrix perturbs the darkness reading slightly so the marks do not lock into a visible moire grid.

Risograph is included because it is the full colour case: the image is separated into CMYK, each plate gets its own halftone screen at its own angle — roughly +15.5 degrees, -15.5 degrees, 0 and 44.7 degrees — and the plates are printed with a deliberate registration offset onto a warm paper tone. Those angle offsets are exactly why real four-colour print does not moire.

FilterMarkBest for
DotcrossCircle to cross rampEditorial, poster, high contrast
StippleVariable-radius dotsSoft gradients, portraits
RisographCMYK screens, 4 anglesFull colour print look
CrossmarksVector cross fieldTechnical, diagrammatic

Lower the detail slider for a coarser screen with bigger, more graphic dots; raise it for a fine screen that stays closer to the photograph. Everything renders locally through Canvas 2D and exports as a full-resolution PNG.

> Frequently Asked

What is a halftone?
A halftone reproduces a continuous-tone image using marks of varying size at a regular spacing. Because a press can only apply ink or not apply it, tone is simulated by how much area each dot covers.
Why do CMYK halftone screens use different angles?
If every plate used the same screen angle, the four dot grids would overlap and produce a strong moire pattern. Offsetting each plate — roughly 15 degrees apart, with yellow at zero — makes the overlaps form a fine rosette instead.
Is this halftone generator free?
Yes, and it needs no account. The image is processed in your browser with Canvas 2D and exported as a full-resolution PNG with no watermark.
How do I get bigger, more graphic dots?
Lower the detail slider. It widens the screen spacing, so each mark covers more area and the result reads as print rather than photograph.
What is the difference between Dotcross and Stipple?
Stipple only varies dot radius. Dotcross changes the mark itself, drawing circles in lighter areas and switching to crosses once darkness passes a threshold, which holds detail better in the shadows.

Images are processed in your browser and never uploaded. The site keeps anonymous usage analytics (page views, chosen filter, file size) — never pixel data.