Добавить водяной знак в PDF — Защита документов онлайн

Черновик нужно пометить «ЧЕРНОВИК», коммерческое предложение — «КОПИЯ», макет — логотипом компании по всей площади. Инструмент «Водяной знак» в pdfredX наносит текстовую или графическую метку на каждую страницу документа прямо в браузере: вы настраиваете вид в живом предпросмотре и скачиваете помеченный PDF. Ничего не загружается на сервер.

Шаг 01. Загрузить PDF

Откройте pdfredx.com и перетащите PDF в зону загрузки — или выберите его через проводник. PDF.js рендерит страницы во вкладке. Ни один байт не уходит на удалённую машину.

Шаг 02. Настроить водяной знак

Откроется окно с живым предпросмотром страницы A4 — любое изменение сразу видно. Доступны два режима:

• Текст. Введите свою надпись (по умолчанию «Конфиденциально»). Настраивается цвет, прозрачность, размер, шрифт, жирность и курсив.
• Логотип. Загрузите изображение (например, PNG-логотип) — регулируется размер и угол поворота.

Расположение выбирается кнопками:

• 9 позиций — углы, центры сторон и середина страницы.
• Диагональ — крупная надпись через всю страницу под наклоном.
• ☑ Плитка (tile) — надпись повторяется сеткой по всей площади под углом −35°; такой сплошной паттерн труднее всего убрать и он лучше всего защищает от копирования.

Прозрачность (opacity) задаёт, насколько знак «просвечивает»: 15–30% не мешают читать документ, но метка видна.

Шаг 03. Сохранить защищённый PDF

Нажмите «Применить» — знак наносится на все страницы сразу, в галерее видно превью. Затем «Создать PDF» соберёт готовый файл. Водяной знак запекается в каждую страницу, скачивание идёт напрямую из браузера. Бесплатно, без регистрации, без серверной очереди.

Как это работает технически

Знак рисуется на canvas поверх изображения страницы. Функция drawWatermarkOnCanvas в зависимости от режима либо вписывает текст (fillText с выбранным шрифтом, цветом и globalAlpha = прозрачность), либо накладывает картинку (drawImage с поворотом). Для режима «плитка» надпись повторяется сеткой 5×3, каждая ячейка повёрнута на −35°; для «диагонали» — одна крупная надпись вдоль диагонали страницы.

Готовый знак «впечатывается» в страницу через applyWatermarkToDataUrl: оригинал рисуется на холст, сверху — водяной знак, результат экспортируется обратно в изображение. Так метка становится частью страницы, а не отдельным слоем.

Известные ограничения

Знак становится частью страницы. Это плюс для защиты (метку не выделить и не удалить как объект), но обратной кнопки «снять знак с готового файла» нет — наносите на копию, а оригинал храните отдельно.

Единые настройки на весь документ. Водяной знак применяется ко всем страницам одинаково. Разные метки на разных страницах пока не поддерживаются.

Результат растровый. Страницы экспортируются как изображения, поэтому текст самого документа в готовом файле не выделяется (это общая особенность экспорта, не только водяного знака).

Нужно закрыть документ паролем, а не только пометить? Это инструмент Защитить PDF паролем.

Попробуйте прямо сейчас — pdfredx.com, без регистрации, файлы остаются у вас.

Вы отправляете макет клиенту, черновик — на согласование, портфолио — в отклик на вакансию. И хотите, чтобы документом не воспользовались в обход вас: не выдали ваш черновик за финал, не перепродали ваши фото, не убрали пометку «КОПИЯ». Обычная проблема таких меток — их слишком легко снять: если водяной знак лежит отдельным текстовым слоем, его удаляют парой кликов в редакторе. Разберём, как сделать знак стойким и почему его стоит наносить локально.

Почему обычный водяной знак легко убирается

Многие инструменты добавляют водяной знак как отдельный объект — текстовый слой или аннотацию поверх страницы. Выглядит нормально, но защита иллюзорна: получатель открывает файл в редакторе, выделяет этот слой и удаляет его. Метка исчезает, документ остаётся чистым.

Стойкая метка должна быть вплавлена в саму страницу, а не лежать сверху отдельным элементом — тогда её нельзя выделить и удалить как объект.

Как pdfredX делает знак неотделимым

pdfredX не накладывает знак отдельным слоем — он запекает его прямо в изображение страницы. Каждая страница рисуется на canvas, поверх наносится водяной знак, и результат становится единым растром: буквы метки и содержимое страницы — это уже одни и те же пиксели.

• Нет отдельного слоя — нечего выделить. В готовом файле водяной знак не является объектом; убрать его в обычном редакторе одним кликом невозможно.
• Режим «плитка» усиливает защиту. Надпись, повторённая сеткой по всей странице под наклоном, перекрывает контент так, что вырезать её, не повредив документ, крайне трудно.
• Прозрачность на вашей стороне. 15–30% достаточно, чтобы метка читалась, но не мешала воспринимать документ.

> Честно о границах: ни один визуальный водяной знак не защищает на 100%. Достаточно мотивированный человек может закрасить метку в графическом редакторе или переснять экран. Запекание в растр поднимает планку — снять знак «в два клика» уже нельзя, — но не делает его абсолютно неудаляемым. Для юридически значимой защиты авторства используйте водяной знак вместе с другими мерами (пароль, публикация с фиксацией даты).

Почему наносить знак нужно локально

Здесь кроется противоречие серверных сервисов. Вы ставите водяной знак, чтобы контролировать документ — а обычный онлайн-сервис просит сначала загрузить этот документ на свой сервер. То есть незащищённый оригинал (черновик, макет, фото без метки) сначала уезжает на чужую машину, и только там на него наносят знак.

pdfredX наносит метку, не загружая файл никуда:

• Файл читается локально — PDF.js открывает его во вкладке, сетевого запроса с документом нет.
• Знак наносится в памяти вкладки — рисование на canvas и сборка идут над уже загруженными данными.
• Скачивается только готовый помеченный файл — оригинал без метки никуда не отправляется.
• Работает офлайн — сеть нужна лишь чтобы один раз загрузить приложение.

Что мы гарантировать не можем — честный дисклеймер

Клиентская обработка защищает документ от ухода на внешние серверы, но это не щит от всех угроз.

Вредоносное ПО или кейлоггер на устройстве. Если машина скомпрометирована, программа может читать файлы с диска в обход браузера.

Браузерные расширения с широкими правами. Расширение с доступом «читать данные на всех сайтах» теоретически видит содержимое вкладки. Для чувствительных документов работайте в профиле без сторонних расширений или в приватном окне.

Сохранённый файл остаётся на вашем диске. Если устройство не защищено шифрованием, файлы могут быть прочитаны третьими лицами при физическом доступе.

Мы обеспечиваем изоляцию на уровне браузерной вкладки. Остальное — на стороне пользователя.

Поставьте стойкий водяной знак без загрузки документа на сервер — pdfredx.com, бесплатно, без регистрации.

Наложить водяной знак на PDF можно по-разному. Классический серверный путь — добавить векторный текстовый слой в структуру PDF через библиотеку вроде pdf-lib, управляя прозрачностью и матрицей поворота на уровне графических операторов. Такой слой сохраняет резкость при любом масштабе, но остаётся отдельным объектом — а значит, потенциально удаляемым. В браузере, в общем растровом пайплайне приложения, выбран другой путь. Разберём, как устроен инструмент watermark в pdfredX: почему canvas-рендеринг вместо векторного слоя, как устроены режимы «плитка» и «диагональ» и почему знак запекается в страницу.

Архитектурный выбор: векторный слой против canvas-растеризации

Векторный слой (pdf-lib). Добавляется в структуру PDF как отдельный контент: текст с заданной прозрачностью и поворотом. Плюс — масштабируемость и малый вес. Минус для задачи защиты — это по-прежнему объект поверх страницы, который в редакторе можно выделить и удалить.

Canvas-растеризация (путь pdfredX). Инструмент встроен в пайплайн, где страница уже приведена к изображению (PDF.js отрисовал её при загрузке). Водяной знак рисуется тем же Canvas 2D API поверх этого изображения и сливается с ним в единый растр. Плата — потеря векторной резкости знака; выигрыш — метку нельзя отделить от контента (она те же пиксели), и рендеринг предсказуем, включая кириллицу (частая проблема при программной вставке шрифтов в PDF).

Разбор реализации

Единая функция отрисовки

Всю геометрию знака рисует drawWatermarkOnCanvas(ctx, w, h, settings). Прозрачность задаётся один раз через globalAlpha, дальше — по режиму:

ctx.globalAlpha = settings.opacity / 100;
// режим картинки: масштаб от ширины, поворот, 9 позиций-якорей
// режим текста: fillText нужным шрифтом/цветом, три раскладки ниже

Размер шрифта — от страницы, а не в пикселях. Чтобы знак выглядел одинаково на страницах разного разрешения, кегль считается от меньшей стороны: fontSize = round(min(w,h) * sizePC/100). Так метка масштабируется вместе со страницей.

Три раскладки текста

if (tile) {
  const rad = -35 * Math.PI / 180;           // наклон паттерна
  for (let row = 0; row < 5; row++)
    for (let col = 0; col < 3; col++) {       // сетка 5×3 по всей площади
      ctx.translate(w*(col+0.5)/3, h*(row+0.5)/5);
      ctx.rotate(rad); ctx.fillText(text, 0, 0);
    }
} else if (pos === 'diagonal') {
  const angle = -Math.atan2(h, w);            // точно вдоль диагонали листа
  ctx.translate(w/2, h/2); ctx.rotate(angle);
  ctx.fillText(text, 0, 0);
} else {
  // 9 позиций-якорей: углы/центры сторон/середина + поля
}

• Плитка (tile) — 15 повторов надписи сеткой 5×3, каждая под −35°: сплошное покрытие, которое труднее всего убрать.
• Диагональ — угол берётся как -atan2(h, w), поэтому надпись ложится точно по диагонали именно этого листа (для A4-портрета и альбома угол разный).
• 9 позиций — якоря с полем min(w,h)*0.06, выравнивание текста подстраивается под угол (right/left/center).

Запекание в страницу

applyWatermarkToDataUrl превращает знак в неотделимую часть страницы:

const c = document.createElement('canvas');
c.width = origW; c.height = origH;
const ctx = c.getContext('2d');
ctx.drawImage(img, 0, 0, origW, origH);      // сама страница
drawWatermarkOnCanvas(ctx, origW, origH, wmSettings); // знак поверх
ok(c.toDataURL('image/jpeg', 0.92));         // единый растр

Ключевой момент — знак рисуется в нативном разрешении страницы (origW/origH), а не в размере превью, поэтому на экспорте он не мылится. Результат — один JPEG: контент и метка уже неразделимы. Тот же вызов используется и при сжатии (wmApplied), чтобы знак не терялся после компрессии.

Живой предпросмотр

renderWmPreview рисует ту же drawWatermarkOnCanvas на маленьком холсте #WM_PREVIEW поверх «фейковых» строк текста — пользователь видит результат до применения к реальным страницам, без пересборки файла.

Компромиссы и границы подхода

Знак растровый. Векторной резкости при сильном увеличении нет — но для экранного документа и печати разницы почти не видно, а неотделимость важнее.

Единые настройки на документ. wmSettings один на все страницы; разные метки постранично пока не поддерживаются.

Не криптозащита. Запекание поднимает планку для «снять в два клика», но мотивированный человек может закрасить метку в графическом редакторе. Водяной знак — это сдерживание и атрибуция, а не шифрование.

Что дальше

Постраничные знаки — разные метки или нумерация на конкретных страницах (пересечение с инструментом нумерации).

Экспорт с сохранением векторного слоя для чисто цифровых PDF — опциональная ветка через структурную вставку, когда важнее масштабируемость, а не неотделимость.

Хотите проверить на своём документе — загрузите PDF на pdfredx.com, настройте знак в предпросмотре и скачайте помеченный файл. Без регистрации, без загрузки файла на сервер.