Перейти к основному содержимому

Обработка изображений

Пожалуйста, ознакомьтесь с Правилами использования материалов на данном ресурсе.

🔗 Оригинальная страница — Источник данного материала

Описание​

Действие для редактирование и сохранения изображений.

Как добавить действие в проект?​

Через контекстное меню Добавить действие → Данные → Обработка изображений

image-20200811-171045

Либо воспользуйтесь ❗→ умным поиском.

Для чего это используется?​

  • Обработка визуальной составляющей картинок
  • Изменение / очистка метаданных
  • Сохранение скриншота инстанса

Как работать с экшеном?​

Источник изображения​

image-20200811-171603

  1. Скриншот инстанса - производится скриншот активной вкладки инстанса (браузера)
  2. Файл - обрабатывается файл. При установке, необходимо указать путь к файлу на компьютере. Возможно использование макросов.
  3. URL - после установки необходимо указать ссылку, по которой будет находиться картинка. С ней и будет производиться работа.
Внимание

Если в качестве источника изображения используется URL, то стоит учитывать, что скачивание происходит через Ваш реальный IP адрес. Даже если в проекте установлен прокси.

Обработка​

Без обработки​

Изображение не будет изменяться.

Полезно для сохранения скриншота инстанса или сохранения картинки с адреса URL на компьютер.

Изменение размеров​

Позволяет изменить размер изображения

  • “Ширина” и “Высота” - цифровое значение, которое устанавливается исходя из настроек поля “Размеры”.
  • Размеры - указывается либо процентное соотношение, либо пиксели.
  • Сохранять соотношение сторон - если установить, то данные, которые вводятся в графы “Ширина” и “Высота” будут принудительно приведены к одному значению.
  • Не увеличивать изображение - Если указанная ширина или высота в кубике больше высоты и ширины картинки, то преобразование размеров не применяется.

Обрезка​

Позволяет обрезать изображение

  • Область - Видимая или Заданная.

  • Видимая - Актуально только для опции “Скриншот инстанса“. Обрезает скриншот по границам окна, что позволяет получить на изображении только видимую часть сайта.

  • Заданная - обрезает всё изображение по заданным параметрам, которые регулируются в пунктах, перечисленных ниже.

  • Слева / Сверху / Ширина / Высота - указывается значение в пикселях или процентах.

  • Размеры - выбирается вариант “В пикселях” или “В процентах”.

Поворот​

Позволяет повернуть изображение на желаемое количество градусов.

Водяной знак​

  • Позволяет наложить текст или изображение на обрабатываемый файл.

  • Тип наложения - вариант расположения: “Горизонтально” или “По диагонали”.

Подробнее про Горизонтальный тип наложения​

  1. Расположение - где будет размещен текст/изображения

image-20200811-175220

  1. Отступ - указывается отступ слева или сверху, в пикселях. Отступ производится относительно расположения, которое было указано ранее.

  • Знак - изображение или текст.

  • Изображение - необходимо указать путь к нему.

  • Текст - необходимо указать желаемый текст и желаемый шрифт (справа от поля *Шрифт есть кнопка, которая открывает визуальный конструктор для подбора параметров текста).

  • Прозрачность - процентное значение прозрачности наложенного текста или изображения. Чем больше, тем оно прозрачнее.

Зеркальное отражение​

Позволяет “отзеркалить” изображение по заданным параметрам.

Очистить Exif​

Позволяет очистить все метаданные изображения.

Сохранить​

Необходимо указать качество в процентах и путь, куда сохранять файл.

Путь необходимо указывать с именем и форматом сохранения. Возможно использование ❗→ переменных.

Редактирование Метаданных (EXIF)​

Позволяет изменить те или иные метаданные. Возможно использование при установке всех типов обработки, кроме “Очистки Exif”

image-20200811-180551

Пример использования​

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

Создадим экшен ❗→ Произвольные числа и строки (Random/Рандом), после этого сгенерировать число или имя “потока”, положим всё это в переменную { -Variable.thread- }.

Далее нам необходимо создать кубик ❗→ Плохой выход в проекте (Bad End) и провести от него ветку в обработку изображения. Указываем настройки, как на скриншоте:

image-20200812-155013

В качестве пути указываем: { -Project.Directory- }{ -Variable.thread- }\Instance_screenshot.jpg

Также, можно добавить сохранение кода страницы { -Page.Dom- } через действий ❗→ Записать в файл. Это позволит нам отловить ошибки, возникающие в ходе работы с браузером.

Полезные ссылки​