Skip to content

Arrange

Arrange
Transform

Places up to 5 images side by side or stacked for quick comparisons, contact sheets, or layout composition.

Arrange takes up to 5 image inputs and places them in a horizontal row or vertical stack. Unconnected inputs are automatically skipped, so you can wire 2, 3, or 5 images without leaving gaps.

When images have different sizes, the Alignment setting controls cross-axis positioning (start, center, or end). The Fit mode determines how size differences are handled: None pads smaller images with the fill color, Stretch distorts to match, and Fit scales proportionally.

Layout

DirectionChoice
Default: Horizontal

Horizontal (left to right) / Vertical (top to bottom)

  • HorizontalPlace images side by side, left to right.
  • VerticalStack images top to bottom.
AlignmentChoice
Default: Center

Cross-axis alignment

  • StartAlign to the top (horizontal) or left (vertical) edge.
  • CenterCenter images along the cross-axis.
  • EndAlign to the bottom (horizontal) or right (vertical) edge.
Gap pxInteger
Default: 0 Range: 0–1000

Pixel spacing between each image

FitChoice
Default: None

None (pad with fill) / Stretch (distort to match) / Fit (scale proportionally)

  • NoneKeep original sizes — pad smaller images with the fill color.
  • StretchResize all images to match the largest cross-axis dimension. May distort aspect ratio.
  • FitScale proportionally to match the largest cross-axis dimension.

Color

Fill ColorColor (RGBA)
Default: rgba(0, 0, 0, 0)

Background fill

Notes

Places up to 5 images (image_a–image_e) side by side or stacked. Unconnected inputs are skipped. Alignment controls positioning in the cross-axis when images have different sizes. Fit is set to None keeps original sizes and pads smaller images with the fill color. Fit is set to Stretch resizes all images to match the largest cross-axis dimension (may distort aspect ratio). Fit is set to Fit scales proportionally to match the largest cross-axis dimension.

  • Use Arrange to compare before/after results side by side by wiring the original and processed images into two inputs.
  • Set Gap to add pixel spacing between images for cleaner layouts.
  • Set the fill color alpha to 0 for transparent gaps between images.
  • Combine with Export Image to save comparison strips or contact sheets.