Code & Transform

Image Node

Resize, crop, rotate, flip or convert an image.

Overview

The Image node edits an image inside your workflow. The source can be an upstream variable (for example the output of an Image Gen node), a storage path or an https URL. It supports PNG, JPEG and WebP and saves the result to a bucket, or as a temporary file.

Configuration

Field Description Default
Source Image An upstream {{variable}}, a storage path or an https URL -
Operation Resize, Crop, Rotate, Flip or Convert format only Resize
Format Keep original, PNG, JPEG or WebP Keep original
Quality (1–100) JPEG and WebP quality. Ignored for PNG 82
File Name Output base name. The extension is added automatically image
Bucket The My Data bucket to save the file in, or Temporary (no bucket) Temporary
On Error Stop Flow, Continue (empty output) or Continue (default value) Stop Flow
Output Variable Variable that holds the resulting image image

Operations

Operation Settings
Resize Width (px) and Height (px). Leave one empty to keep the aspect ratio. Fit: Fit (contain, keep aspect), Fill (cover and center-crop) or Stretch (ignore aspect). Don't enlarge beyond original size is on by default
Crop Left (px), Top (px), Width (px), Height (px)
Rotate Angle: 90° clockwise, 180° or 270° clockwise
Flip Axis: Horizontal or Vertical
Convert format only Changes the format and quality without editing the image

Example: Product thumbnails

Image Gen → Image (Resize 400 px wide, WebP) → Write Data (save {{image}} on the product)

Best Practices

  • Use WebP with quality around 80 for web images; it is usually much smaller than PNG.
  • Keep Don't enlarge beyond original size on so small images don't get blurry.

We update these pages often. Spotted something out of date? Tell us

AI AssistantPowered by Ubex
Beta
Ask me anything about Ubex workflows, nodes, or the API.