Images processing

Table of contents

Description

Action for editing and saving images.

How to add an action to a project?

Via the context menu Add Action → Data → Images Processing

Open

Or use smart search .

What is it used for?

• Processing the visual component of pictures

• Modifying / clearing metadata

• Saving a screenshot of an instance

How to work with an action?

Image source

Open

1. Instance screenshot - a screenshot of the active tab of the instance (browser)

2. File - file is being processed. During installation, you must specify the path to the file on your computer. It is possible to use macros.

3. URL - after installation, you must specify the link on which the picture will be located. With it, work will be done

Processing

Without processing

• When installed, the image will not change. Useful for saving a screenshot of an instance or saving a picture from a URL to a computer.

Resize

Allows you to resize the image

• “Width” and “Height” is a numerical value that is set based on the settings in the “Dimensions” field.

• Dimensions - either a percentage or pixels are specified.

• Keep aspect ratio - if set, the data entered in the “Width” and “Height” columns will be forced to the same value.

• Do not zoom image in - If the specified width or height in the cube is greater than the height and width of the image, then the resizing is not applied.

Crop

Allows you to crop the image

• Area - Visible or Specified.

  • Visible - Only relevant for the “Instance screenshot” option. Crops the screenshot to the borders of the window, which allows you to get only the visible part of the site on the image.

  • Specified- Crops the entire image according to the specified parameters, which are adjusted in the items listed below.

  • Left / Top / Width / Height - the value is specified in pixels or percent.

  • Dimensions - select the option "In pixels" or "In percents" .

Rotate

Allows you to rotate the image by the desired number of degrees.

Watermark

• Allows you to overlay text or images on the processed file.

  • Overlay type - location option: "Horizontally" or "Diagonally" .

More on Horizontal Blending

1. Location - where text / images will be placed

2. Indent - specifies the indent to the left or top, in pixels. The indent is relative to the location that was specified earlier.

• Watermark is an image or text.

  • Image - you must specify the path to it.

  • Text - it is necessary to specify the desired text and the desired font (to the right of the Font field there is a button that opens a visual constructor for selecting text parameters).

• Transparency - the desired numeric value for the transparency of the overlaid text or image. The more, the more transparent it is.

Mirror reflection

Allows you to "mirror" the image according to the specified parameters.

Clear Exif

Cleans up all image metadata.

Save

You must specify the quality in percent and the path where to save the file.

The path must be specified with the name and format of saving. Use of variables is possible.

Editing Metadata (EXIF)

Allows you to change certain metadata. All types of processing can be used with the installation except “Clear Exif”

Usage example

Let's imagine a situation that you wrote a template, but at some stage of working with the site, it ends with an error. To understand what is going wrong, we can take a screenshot at the time of the error to assess the situation visually.

Create an action Arbitrary numbers and strings (Random) , after that generate the number or name of the “thread”, put all this in the variable {-Variable.thread-} .

Next, we need to create a cube Bad exit in the project (Bad End) and lead a branch from it to images processing. We specify the settings, as in the screenshot:

Specify the path: {-Project.Directory -} {- Variable.thread -} \ Instance_screenshot.jpg

Also, you can add saving the page code {-Page.Dom-} through the Write to file action. This will allow us to catch errors that occur while working with the browser.

Useful links

• Files

• GET request

• Retrieve data from a web page

• Arbitrary numbers and strings (Random)