Nodes/Comfyroll Studio/🌁 CR Image Panel
ComfyUI Node Runs on cloud

🌁 CR Image Panel

Stitch 1–4 images into a strip in ComfyUI

By Suzie1Β·Created 3 years agoΒ·Updated 2 years agoΒ· 1,296
🌁 CR Image Panel
  • image_1
  • image_2
  • image_3
  • image_4
  • image
  • show_help
β—„border_thickness0β–Ί
β—„border_colorβ–Ύβ–Ί
β—„outline_thickness0β–Ί
β—„outline_colorβ–Ύβ–Ί
β—„layout_directionβ–Ύβ–Ί
β—„border_color_hex#000000β–Ί

Need a before/after strip, a diptych, or a quick three-up comparison in one image? CR Image Panel takes up to four images and lays them out side by side or stacked, with an optional border and outline between them. It's the fixed-count layout node - for arranging a whole batch into a grid, you'd use CR Image Grid Panel instead; Image Panel is the "I have exactly these two (or three, or four) pictures" tool.

It's a layout node in Comfyroll Studio, the utility pack by Suzie1 and RockOfFire. CPU image composition, no model.

How it works

You wire in a first image (required) and up to three more (optional), choose horizontal or vertical, and it composites them into a single output image with whatever border and outline you set between cells. Great for the classic comparison shot without leaving ComfyUI or opening an image editor.

The inputs that matter

  • image_1 - required; image_2 / image_3 / image_4 - optional. Connect as many as you have.
  • layout_direction - horizontal (a row) or vertical (a stack).
  • border_thickness / border_color - the gap and its color between panels. As always, set border_color to custom to use the optional border_color_hex input; a named color ignores hex.
  • outline_thickness / outline_color - a thin frame around the cells.

Output is image plus show_help (a wiki link - leave it unconnected).

Installing it

ComfyUI Manager β†’ search Comfyroll Studio β†’ install β†’ restart. By hand:

cd ComfyUI/custom_nodes
git clone https://github.com/Suzie1/ComfyUI_Comfyroll_CustomNodes

then restart. No downloads beyond the repo.

Common issues

Mismatched sizes look off. Panels of different dimensions get arranged as-is; if you want a tidy grid, resize your images to a common size before this node.

Only four slots. That's the design - if you're comparing more than four, switch to CR Image Grid Panel, which tiles an entire batch.

Pack won't load. If ComfyUI logs Failed to load Graphics nodes and NameError: name 'CR_HalftoneGrid' is not defined, a graphics dependency (usually matplotlib) failed to import and took the whole pack down, this node included. Find the first real traceback higher in the log, pip install the missing library into ComfyUI's Python, and restart.

Category🧩 Comfyroll Studio/πŸ‘Ύ Graphics/🌁 Layout

Inputs (10)

NameTypeDefaultDescription
image_1IMAGEβ€”
border_thicknessINT00–1024β€”
border_colorCOMBO30 options: custom, white, black, red, green, blue, +24
outline_thicknessINT00–1024β€”
outline_colorCOMBO29 options: white, black, red, green, blue, yellow, +23
layout_directionCOMBO2 options: horizontal, vertical
image_2optIMAGEβ€”
image_3optIMAGEβ€”
image_4optIMAGEβ€”
border_color_hexoptSTRING#000000β€”

Outputs (2)

NameTypeDescription
imageIMAGEβ€”
show_helpSTRINGβ€”