DEV Community

Cover image for 💧 Watermark PDF: Text or logo, tiled or single, with a live preview
Tomaz
Tomaz

Posted on Originally published at tooladda.online

💧 Watermark PDF: Text or logo, tiled or single, with a live preview

⚡ 10-second version

Add CONFIDENTIAL, DRAFT, a client name or your logo across every page — or just page one — at tooladda.online/pdf-watermark.html. Live preview, so you see the result before you commit.

❗ Important

Ironically, the tools that add "CONFIDENTIAL" watermarks usually want you to upload the confidential document first. This one doesn't — the whole thing runs in your browser.


⚠️ A watermark is a deterrent, not a lock

Worth being blunt about, because people rely on this wrongly:

A watermark does A watermark does not
Signal status — draft, confidential, internal Prevent copying, printing or forwarding
Deter casual reuse of a photo or design Stop anyone determined from removing it
Make a leak traceable if you personalise it per recipient Encrypt or protect the content
Discourage passing a draft off as final Survive a screenshot-and-crop

A visible watermark over content can be edited out with ordinary tools. If you need the content actually protected, that's password encryption; if you need information removed, that's redaction. A watermark is a label.

The one thing that genuinely works: watermark each copy with the recipient's name. It doesn't prevent a leak, but it tells you exactly who leaked it — and people behave differently when they know their name is on the page.

Getting the settings right

Setting The mistake Do this instead
Opacity 80% — unreadable document 10–20% for body pages; you should be able to read the text through it
Rotation 0° — reads like a heading and gets mistaken for content 45° diagonal, unmistakably an overlay
Tiling Single small mark, easily cropped out Tile it for high-security drafts; single centred mark for a light "DRAFT" label
Colour Black — fights the text Mid-grey or a light brand tint
Placement Over a signature or a figure Diagonal across the middle, where it overlaps text but hides nothing critical

🧭 How it works

Diagram


✨ What's inside

### 👁️ Live preview Adjust opacity and rotation and watch the actual page update. Watermarking blind and re-doing it three times is the normal experience elsewhere. ### 🖼️ Text **or** image Type a label, or drop in a PNG logo with transparency for proper branded output.
### 🔲 Tiling and page selection Cover the whole page in a repeating mark, or apply to page 1 only — first-page-only is right for a cover label. ### 🎛️ Full transform control Opacity, rotation, scale, colour and position, all adjustable rather than three fixed presets.

🛠️ Real jobs

Situation Setting
📝 Circulating a draft "DRAFT" — 15% opacity, 45°, single centred
🤝 Sending a proposal to a client Your logo, low opacity, footer position
🔒 Sharing an internal report "CONFIDENTIAL — ", tiled
📸 Protecting a design portfolio Studio name tiled at low opacity
🎓 Sample papers or course material "SAMPLE" diagonal so it can't be resold as the real thing
📄 Marking superseded documents "SUPERSEDED" so nobody works from the old version

📖 Four steps

1.  Open   →  tooladda.online/pdf-watermark.html
2.  Drop   →  your PDF
3.  Set    →  text or logo, 10-20% opacity, 45° rotation
4.  Check  →  the live preview, then download
Enter fullscreen mode Exit fullscreen mode

▶ Add a watermark — tooladda.online/pdf-watermark.html

💡 Tip

Keep the unwatermarked original. Watermarking writes a new file and the mark is baked into the page content — there's no undo, so treat the watermarked copy as a distribution artefact rather than your master.


❓ FAQ

Is it free? Watermark on the watermarker?

Free, no signup, and no — the only mark on your PDF is the one you asked for.

Is my document uploaded?

No. Which matters a lot for a tool people reach for specifically to mark documents confidential.

Can someone remove my watermark?

Yes, with enough effort — a visible overlay is always removable. Use it as a label and a deterrent, not as protection. For real protection, encrypt the file.

What opacity should I use?

10–20% on body pages. If you can't comfortably read the text underneath, it's too strong.

Can I use my logo with transparency?

Yes — a PNG with an alpha channel composites properly.

Can I watermark only some pages?

Yes, page selection is supported. First page only is common for cover labels.


🔬 Under the hood

  • Watermark drawn as real PDF content in vanilla JavaScript, client-side — no server round-trip.
  • Text watermarks stay vector (crisp at any zoom); image watermarks composite with their alpha channel.
  • Live preview renders the actual output page rather than an approximation.
  • Works offline once loaded.

Originally published on ToolAdda, where Watermark PDF runs free in your browser — nothing is uploaded, nothing leaves your device.

Top comments (0)