Водяной знак на изображении

Что такое водяной знак на изображении?#

Водяной знак ставит на картинку элемент опознания — текст, логотип или повторяющийся паттерн — так, что любой, кто скопирует картинку, заодно скопирует и вашу метку. К нему прибегают ради трёх целей: закрепить авторство в публичных портфолио, удержать от несанкционированного повторного использования клиентских пробников или поставить видимое «ЧЕРНОВИК» или «КОНФИДЕНЦИАЛЬНО» поперёк документа до его релиза. Сделать это хорошо — задача хитрее, чем кажется: метка должна быть разборчивой, не перекрывая сюжет, располагаться предсказуемо и в идеале дублироваться по диагонали, чтобы её нельзя было выкадрировать.

Эта страница — полноценная студия водяных знаков, работающая целиком в вашем браузере. Вы загружаете изображение, выбираете текстовый водяной знак или логотип, выбираете одну из трёх стратегий размещения (девятиклеточный угол/центр, свободный процент или заливка плиткой по всему полю), настраиваете прозрачность, угол, цвет и шрифт и экспортируете результат как PNG, JPEG или WebP. Оригинал декодируется локально, а пиксели с водяным знаком перекодируются локально.

Как пользоваться#

1. Перетащите изображение в пунктирную зону перетаскивания (или щёлкните её, чтобы выбрать файл).
2. Сверху выберите тип Водяной знак:
   • Текст — введите строку (латиница и CJK рендерятся оба, потому что в стеке шрифтов есть CJK-фолбэк). Затем выберите Шрифт (Sans / Serif / Mono / Cursive), перетащите Размер шрифта (8–400 px), выберите Цвет и отметьте Жирный, если нужен вес.
   • Изображение — нажмите на логотип, чтобы загрузить второе изображение; оно вписывается в процент от ширины холста (1–100 %) с сохранением собственного соотношения сторон.
3. Выберите режим Положение:
   • Сетка 9 — щёлкните одну из девяти клеток (верх-лево, центр, низ-право и т. д.). Водяной знак отступает от края на поле, вычисляемое как 4 % от короткой стороны, и ограничивается так, чтобы никогда не выходить за холст, даже когда он больше клетки.
   • Свободно — два ползунка задают X % и Y %. Они основаны на пробеге: 0 % прижимает метку к левому/верхнему краю, 100 % — к правому/нижнему, поэтому 100 % никогда не сталкивает её наполовину за картинку.
   • Плитка — водяной знак повторяется по всему изображению с ползунками Шаг X и Шаг Y (0–400 px). Когда вы задаёте Угол, плиточная сетка раскладывается по квадрату размером с диагональ холста и поворачивается вокруг центра, поэтому каждый угол остаётся покрытым.
4. Задайте общие Прозрачность (0–100 %) и Угол (от −180° до 180°) — угол применяется к одиночной метке в режимах «Сетка 9»/«Свободно» и ко всему плиточному полю в режиме «Плитка».
5. Выберите Формат вывода (PNG / JPEG / WebP) и для форматов с потерями — Качество (5–100).
6. Следите за обновлением превью в реальном времени, затем нажмите Скачать. Используйте Сбросить, чтобы вернуть все ползунки к значениям по умолчанию.

Ключевые возможности#

• Три настоящие стратегии размещения, а не один тумблер «центр». Сетка 9 — для подписи, «Свободно» — для точных смещений, а настоящая диагональная плитка, которую нельзя выкадрировать.
• Диагональная плитка, реально покрывающая холст. Плиточное поле рассчитывается по квадрату с размером диагонали холста и поворачивается вокруг центра — единственный подход, не оставляющий «голых» углов.
• Шрифты, безопасные для CJK. У каждого пресета шрифта в стеке есть CJK-способный фолбэк, поэтому водяной знак вроде «.Sample watermark 2026.» с китайскими иероглифами отрисуется, а не покажет тофу-квадратики.
• Свободное положение, основанное на пробеге. 100 % означает прижато к дальнему краю, а не «наполовину за картинкой», поэтому положение предсказуемо ощущается.
• Вписывание логотипа с уважением к соотношению сторон. Логотип масштабируется в процент от ширины холста и никогда не растягивается, поэтому круглый значок остаётся круглым.
• 100 % локально. И исходное изображение, и опциональный логотип декодируются и компонуются в браузере. Ничего не загружается.

Разбор примера#

Вы рассылаете клиентские пробники и хотите слабый, невырезаемый диагональный «PROOF» на каждом. Загрузите фото 1920×1280. Задайте Водяной знак: Текст, введите PROOF, выберите Sans, Размер шрифта 120, Цвет #ffffff, Жирный включён. Переключите Положение на Плитка, задайте Шаг X и Шаг Y примерно 240, затем выведите Угол на −30° и Прозрачность на 25 %. Превью покажет слово, повторённое по диагональной решётке поперёк всего кадра, с каждой копией достаточно бледной, чтобы сюжет читался чётко. Экспортируйте как JPEG на Качестве 85.

Для одиночной брендовой метки в правом нижнем углу того же фото оставьте Положение на Сетка 9, щёлкните правую нижнюю клетку, задайте Прозрачность 80 %, Угол 0°, и поле автоматически установится примерно в 51 px (4 % от короткой стороны 1280). Результат — аккуратный значок, удобно стоящий внутри угла, а не приклеенный к пиксельному краю.

FAQ#

Мой водяной знак с китайскими иероглифами показывает квадратики вместо символов.#

Так бывает, когда в среде рендеринга вообще нет CJK-глифов. Стеки шрифтов этого инструмента включают CJK-фолбэк (вроде PingFang SC, Microsoft YaHei и Noto Sans CJK), поэтому в любой системе с одним из них текст отрисуется правильно. На «обколотом» сервере без единого CJK-шрифта ни один браузерный инструмент не нарисует символы, которых в ОС нет.

Почему 100 % в режиме «Свободно» не сталкивает метку за край?#

Потому что процент считается относительно доступного пробега — ширины холста минус ширина водяного знака, — а не от «сырой» ширины холста. Поэтому 0 % — прижато влево, 100 % — прижато вправо, и водяной знак всегда остаётся полностью на экране независимо от размера.

Плитка оставляет голый угол при повороте.#

Убедитесь, что вы используете режим Плитка, а не «Свободно» с несколькими вручную расставленными копиями. Режим «Плитка» раскладывает сетку по квадрату размером с диагональ холста и вращает этот квадрат вокруг центра холста — это единственная геометрия, гарантирующая полное покрытие при любом угле. Вручную размеченный диагональный паттерн так не умеет.

Портит ли водяной знак качество изображения?#

Само композитирование — нет, но перекодирование в JPEG или WebP — да, и им управляет ползунок Качество. Если нужен пиксельно-точный мастер, экспортируйте в PNG (без потерь); для веб-пробников JPEG на 85–92 визуально неотличим и намного меньше.