Drupal: Вывод изображений с наложением водяного знака

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

  1. Установите модуль ImageCache Actions, включите Imagecache Canvas Actions.
  2. Создайте картинку с прозрачным фоном, которая будет использоваться в качестве водяного знака. Положите ее в директории sites/default/files вашего сайта.
  3. Откройте диалог настройки стиля изображения, который отвечает за вывод изображения, на котором надо добавить водяной знак.
  4. Добавьте новый эффект Наложение (Водяной знак), Overlay (watermark). В настройках эффекта укажите позицию водяного знака(смещение по горизонтали и вертикали), прозрачность и путь к файлу с водяным знаком.
  5. Сохраните изменения и полюбуйтесь результатом.

Для указания сдвига, можно указать значение в пикселях, или ключевое слово.

  • Для горизонтального сдвига: left(слева), center(центр), или right(справа).
  • Для вертикального сдвига: top(верх), center(центр) или bottom(низ).

Значение в пикселях отсчитывается от верхнего и левого края изображения. Если при расположении водяного знака вам надо вести отсчет от нижнего и правого края, можно комбинировать ключевые слова и значения в пикселях. Например, bottom + 20.

 

Тэги: 

Добавить комментарий

Filtered HTML

  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Разрешённые HTML-теги: <a> <s> <u> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <hr> <dd> <sub> <sup>
  • Строки и параграфы переносятся автоматически.

Plain text

  • HTML-теги не обрабатываются и показываются как обычный текст
  • Строки и параграфы переносятся автоматически.
CAPTCHA
Защита от СПАМ ботов. Подтвердите, пожалуйста, что вы человек.
1 + 3 =
Решите эту простую математическую задачу и введите результат. Например, для 1+3, введите 4.