VMTech Edit Image icon

VMTech Edit Image

Edit images with a sharp-based Parity+ pipeline and robust text rendering

Multi Step

AI-generated

Summary

Executes a sequence of image manipulation operations (blur, crop, draw, text, etc.) on an input image or creates a new image, returning a processed binary image.

Inputs

  • dataPropertyName (required) — Binary property name containing the source image.
  • operations (required) — Array of operations to apply sequentially (e.g., create, crop, text, format).
  • options.outputFormat — Override final output format (defaults to input format or 'png').
  • options.quality — Quality setting for lossy formats (defaults to 100).
  • options.outputDataPropertyName — Optional binary property name for the processed image output.

Output shape

A processed binary image item with the same JSON structure as the input.

The node applies operations sequentially. If the first operation is 'create', it generates a blank image; otherwise, it modifies the input. Supported formats include PNG, JPEG, WebP, TIFF, GIF, and AVIF.

Examples

Example 1: Crop an image to a 300x300 pixel square.

Operations: [ { operation: 'crop', width: 300, height: 300, positionX: 0, positionY: 0 } ]

Example 2: Create a 500x500 white background image and overlay centered text.

Operations: [ { operation: 'create', width: 500, height: 500, backgroundColor: '#ffffffff' }, { operation: 'text', text: 'Hello', fontSize: 40, positionX: 50, positionY: 50 } ]

Example 3: Resize an image to 50% of its original size.

Operations: [ { operation: 'resize', resizeOption: 'percent', width: 50, height: 50 } ]

Links

Discussion