Tiled Watermark Pattern — Repeat Text Across Entire Image

How to create a tiled (repeated) watermark that covers the entire image. Explains tile spacing, rotation angle, and why tiling resists cropping.

Basics

Detailed Explanation

Tiled Watermarks Explained

A tiled watermark repeats the same text across the full area of an image in a grid pattern. Instead of a single mark in one corner, the text appears dozens or hundreds of times, making removal by cropping virtually impossible.

How Tiling Works

The rendering algorithm iterates over a 2D grid of coordinates, placing the text at each intersection. The grid origin is typically offset beyond the image bounds so that rotated text still covers the corners:

for (y = -overflow; y < height + overflow; y += spacing) {
  for (x = -overflow; x < width + overflow; x += spacing) {
    ctx.save();
    ctx.translate(x, y);
    ctx.rotate(angle);
    ctx.fillText(text, 0, 0);
    ctx.restore();
  }
}

The spacing parameter controls density. Smaller values pack the watermark more tightly; larger values leave more of the image visible.

Choosing Tile Spacing

Spacing Effect
60–100 px Dense coverage — heavy protection but obscures the image significantly
100–200 px Moderate coverage — good balance for proofs and previews
200–400 px Light coverage — branding without heavy visual impact

Rotation in Tile Mode

A rotation angle of -30 to -45 degrees is the most popular choice. Diagonal text crosses the natural horizontal and vertical lines in photographs, making content-aware fill tools less effective at removing the watermark automatically.

When to Use Tiling

Tiling is ideal when the primary goal is preventing unauthorized use rather than subtle branding. Stock photo agencies, proof sheets, and pre-purchase previews almost always use tiled watermarks because clients need to see the content while the photographer retains control.

Use Case

A stock photography platform displaying preview images to potential buyers. The tiled watermark covers the entire frame so the composition is visible for evaluation, but the image cannot be used commercially without purchasing a license.

Try It — Image Watermark

Open full tool