Nodes/MKRShift_Nodes/Studio Compare Board
ComfyUI Node

Studio Compare Board

Put A and B side by side and actually see it

By criskb·Created 7 months ago·Updated 5 months ago· 0
Studio Compare Board
  • image_a
  • image_b
  • image
  • compare_info
title
subtitle
label_aA
label_bB
themeCarbon
orientationHorizontal
footer_left
footer_right
margin_px24
gutter_px16
header_px56
footer_px32
shadow_strength0.24
show_indextrue
delivery_plan_json

"Which one's better - A or B?" is the most common question in look development, and the honest answer is you can't tell from a mid-run preview at 512px. MKRStudioCompareBoard builds a proper side-by-side board: two images, labeled, on a themed canvas, with a header that says what you're comparing and footers for context. It's the presentation layer for A/B testing that makes the comparison legible to a client instead of a mess of unlabeled windows.

Mechanically it's a layout node - it takes image_a and image_b, resizes them to fit the board with a gutter between, and composites them onto a themed canvas with a header (title + subtitle), a footer (footer_left/footer_right), and optional index labels. Orientation flips the layout from left/right to top/bottom, which is what you want for comparing tall aspect ratios.

The inputs that matter

  • image_a / image_b - the two IMAGE inputs. If your variants come out of two KSampler branches, this is the node that finally shows them together.
  • title / subtitle - what the board is claiming to compare. Put the hypothesis in the title; it'll read in the header.
  • label_a / label_b - default "A" and "B". Rename to something meaningful like "SDXL" vs "Flux" and the board becomes self-documenting.
  • theme - Carbon/Paper/Signal/Blueprint.
  • orientation - Horizontal or Vertical.
  • margin_px / gutter_px / header_px / footer_px - spacing control; defaults are reasonable at 1080p.
  • shadow_strength - drop-shadow under the images, 0 to 1.
  • show_index - add index numbers if you're paging through several boards.

What comes out

image (the finished board) and compare_info (a JSON string describing the comparison). Optional delivery_plan_json input lets the pack's delivery pipeline pick up what this board is for.

Installing it

Part of criskb/MKRShift_Nodes from Cris K B. ComfyUI Manager search "MKRShift_Nodes", or:

cd ComfyUI/custom_nodes
git clone https://github.com/criskb/MKRShift_Nodes

Restart. No pip requirements, no models.

When it shines and when it doesn't

This is genuinely the one you reach for when a client says "send me both." It does not do pixel-level diffing or blend overlays - if you need to spot the difference down to the eyelash, you want a dedicated comparison/AB-diff node with a flicker toggle, not this. And it's exactly two images, so it's not the batch tool - that's MKRStudioContactSheet. Right tool, right job: two variants, one legible board.

CategoryMKRShift Nodes/Studio/Boards

Inputs (17)

NameTypeDefaultDescription
image_aIMAGE
image_bIMAGE
titleSTRING
subtitleSTRING
label_aSTRINGA
label_bSTRINGB
themeCOMBOCarbon4 options: Carbon, Paper, Signal, Blueprint
orientationCOMBOHorizontal2 options: Horizontal, Vertical
footer_leftSTRING
footer_rightSTRING
margin_pxINT248–256
gutter_pxINT160–128
header_pxINT5624–240
footer_pxINT3216–160
shadow_strengthFLOAT0.240–1
show_indexBOOLEANtrue
delivery_plan_jsonoptSTRING

Outputs (2)

NameTypeDescription
imageIMAGE
compare_infoSTRING