The Problem of Continuous Tone in Physical Ink
A camera captures photographic gradation as smooth analogue continuous tone. Displays reproduce this by varying sub-pixel voltage across 256 levels per channel.
Physical printing presses — whether an offset cylinder or a screen-printing squeegee — operate in a binary reality: ink is either transferred to the substrate or it is not. You cannot command a screen squeegee to lay down "30% pressure" on a single millimeter of cotton to achieve light gray.
The photomechanical breakthrough that enabled modern mass printing was halftoning: fragmenting continuous tone into an array of microscopic dots of varying area. Viewed at normal reading distance, human spatial vision integrates the dark ink marks and bare white paper margins into smooth perceived shades.
You can experiment with this transformation directly using our free Halftone Image Generator. If you are looking for fine-art pointillism and algorithmic dot packing, explore our companion guide From Photos to Pointillism: Generating Dot Art & Stipple Patterns.
Why CMYK Screens Need Exact Angles (The Math of Rosettes)
When printing a full-colour image with Cyan, Magenta, Yellow, and Black (CMYK), each ink requires its own screened plate. If multiple plates share the exact same screen angle, slight registration shifts cause drastic color swings. Even worse, if angles sit too close to one another, their geometric frequencies beat together to create harsh, swirling interference waves known as moiré.
To prevent moiré, engravers discovered that dominant screen grids must be separated by 30° increments. The human visual cortex is most sensitive to vertical and horizontal line orientations (0° and 90°) and least sensitive to diagonal angles at 45°.
Standard Screen Angle Architecture
| Plate | Angle | Optical Reasoning |
|---|---|---|
| Black (K) | 45° | Carries the bulk of contrast; placed at 45° where human eyes are least prone to noticing visible lines. |
| Magenta (M) | 75° | High visual weight; separated from Black by exactly 30°. |
| Cyan (C) | 15° | High visual weight; separated from Black by 30° in the other direction (60° total from Magenta). |
| Yellow (Y) | 0° / 90° | Lowest visual contrast against paper; placed at the prominent 0° horizontal line where its patterning remains imperceptible. |
When dominant plates are separated by 30°, their overlapping grids lock into a stable, microscopic circular cluster called a rosette pattern.
Our Risograph Effect reproduces this multi-angle color separation in Canvas 2D, while deliberately adding subtle misregistration drift between plates to recreate vintage print character. For a deeper look at multi-plate mechanics, explore our Risograph Effect Guide.
Halftoning for Screen Printing & DTF Apparel Design
While commercial magazine lithography runs fine screens at 150 to 175 LPI (lines per inch), garment printing on fabric requires a completely different technical approach.
The DTF Breathability & Ink Factor
In Direct-to-Film (DTF) apparel printing, artwork is printed onto a PET film, backed with white ink, coated with hot-melt polyurethane adhesive powder, and heat-pressed onto garments.
- Solid continuous fills create a stiff, heavy "bulletproof" plastic patch on the shirt that traps sweat and cracks after washing.
- Halftoned graphics break solid ink films into discrete dots, allowing the shirt fabric to flex naturally, dramatically improving breathability and reducing white ink/powder consumption.
The 4.5× Rule for Screen Mesh
In traditional silk screen printing, screen mesh (threads per inch) physically constrains the smallest dot that can wash out without falling through the mesh openings:
Maximum LPI = Screen Mesh Count / 4.5 to 5.0| Mesh Count | Usable LPI | Typical Application |
|---|---|---|
| 110 Mesh | 20–25 LPI | Bold vintage graphics, puff ink, poster block-ins |
| 160 Mesh | 30–35 LPI | Standard t-shirt prints, streetwear graphics |
| 230 Mesh | 45–50 LPI | Detailed photographic prints on cotton |
| 305 Mesh | 60–65 LPI | High-definition process color and simulated process |
Designers creating streetwear graphics often deliberately dial LPI down to 25–35. This produces bold, chunky pop-art dots that wear their mechanical heritage proudly on their sleeve.
Exploring Halftone Modes in the Browser
In the Halftone Image Generator, the Dotcross engine provides dynamic mark geometry:
- At highlight luminance (darkness under 0.08), the canvas remains bare white paper.
- In midtones (darkness between 0.08 and 0.31), it renders sharp circular dots whose radii scale with darkness.
- As darkness crosses deeper into shadow (darkness ≥ 0.31), the mark transitions into a four-way diagonal cross (×), and beyond 0.76 darkness it overlays an orthogonal cross (+) to produce an 8-armed star mark. This retains negative breathing space in the shadows where pure circles would turn into a solid pool of ink.
Practical Workflow Tips
- Pre-Contrast Separation: Always boost contrast on your source photograph before halftoning. Clean, defined shadow boundaries yield crisp halftone transitions.
- Design Mockups vs Production Films: The web tool exports an opaque composite PNG up to 1400px on the long edge — perfect for visual mockups, social graphics, and layout concepts. For actual production DTF prints or screen stencils, remember that the white paper background is baked into the exported PNG. You must knock out the white background in vector software (e.g., Illustrator or Photoshop) to leave transparent negative space, and scale to 300 DPI at your target print dimensions.
- Explore 1-Bit Palettes: For single-color graphic tees and zine art, check out our guide on The 1-Bit Palette: Cobalt, Denim, and Retro Dither.
- Compare Other Web Halftoners: If you want to benchmark alternative browser implementations and desktop software, see our comparison of Free Online Halftone Generators.