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

Оглавление

Описание

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

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

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

Open

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

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

• Обработка визуальной составляющей картинок

• Изменение / очистка метаданных

• Сохранение скриншота инстанса

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

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

Open

1. Скриншот инстанса - производится скриншот активной вкладки инстанса (браузера)

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

3. URL - после установки необходимо указать ссылку, по которой будет находиться картинка. С ней и будет производиться работа.

Обработка

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

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

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

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

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

• “Ширина” и “Высота” - цифровое значение, которое устанавливается исходя из настроек поля “Размеры”.

• Размеры - указывается либо процентное соотношение, либо пиксели.

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

• Не увеличивать изображение - Если указанная ширина или высота в кубике больше высоты и ширины картинки, то преобразование размеров не применяется.

Обрезка

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

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

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

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

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

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

Поворот

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

Водяной знак

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

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

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

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

    

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

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

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

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

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

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

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

Очистить Exif

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

Сохранить

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

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

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

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

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

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

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

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

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

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

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

• Файлы

• GET-запрос

• Получить данные с веб-страницы

• Произвольные числа и строки (Random/Рандом)