Image Stitch 2x2 Grid

Combine four input images into a 2x2 grid. Automatically resizes mismatched images and outputs a single 2048x2048 image.

Download Workflow Try in Cloud

About

This ComfyUI workflow is designed to seamlessly combine four separate images into a cohesive 2x2 grid, outputting a single image with a resolution of 2048x2048 pixels. The workflow employs several key nodes to ensure each image fits perfectly within the grid, even if the input images vary in size. The `LoadImage` nodes are used to bring in the individual images, which are then processed through the `ResizeImageMaskNode` to standardize their dimensions. This resizing step is crucial for maintaining the grid's uniformity and ensuring each image aligns correctly.

The `ImageStitch` nodes are the core of this workflow, first joining the top-left and top-right images into a single row, and then the bottom-left and bottom-right images into another row. Finally, a third `ImageStitch` node stacks these two rows vertically to complete the grid. The resulting image is saved using the `SaveImage` node.

This workflow is particularly useful for creating composite images for presentations, social media posts, or any application where a unified image layout is desired.

What you provide

Reading the workflow

Runs in ComfyUI. This workflow can't run on this page. Open it in Comfy Cloud with everything loaded, or download it for your own ComfyUI.

Try in Cloud

Output

Example

Sample output

Use this workflow from code

Generated from the workflow graph and inputs when possible; stored examples are shown otherwise. Review credentials and endpoints before running code, which may incur charges.

Get API key

What you need

Runs on: Comfy Cloud
Key: COMFY_API_KEY
Your files: Uploaded by the code from their urls

Needs a paid Cloud plan and credits.

Download API JSON

# Python 3.10+: pip install comfy-sdk==0.4.0
import os

from comfy_sdk import Comfy

api_key = os.environ.get("COMFY_API_KEY", "").strip()
if not api_key: raise RuntimeError("Set COMFY_API_KEY")
os.environ.setdefault("COMFY_BASE_URL", "https://cloud.comfy.org")
client = Comfy(api_key=api_key)
workflow = client.workflows.from_json({
    "12": {
        "class_type": "LoadImage",
        "inputs": {
            "image": "UPLOADED_image_FILENAME"
        },
        "_meta": {
            "title": "Load Image"
        }
    },
    "13": {
        "class_type": "LoadImage",
        "inputs": {
            "image": "UPLOADED_image_2_FILENAME"
        },
        "_meta": {
            "title": "Load Image"
        }
    },
    "14": {
        "class_type": "LoadImage",
        "inputs": {
            "image": "UPLOADED_image_3_FILENAME"
        },
        "_meta": {
            "title": "Load Image"
        }
    },
    "15": {
        "class_type": "LoadImage",
        "inputs": {
            "image": "UPLOADED_image_4_FILENAME"
        },
        "_meta": {
            "title": "Load Image"
        }
    },
    "16": {
        "class_type": "ImageStitch",
        "inputs": {
            "direction": "right",
            "image1": [
                "12",
                0
            ],
            "image2": [
                "13",
                0
            ],
            "match_image_size": True,
            "spacing_color": "white",
            "spacing_width": 0
        },
        "_meta": {
            "title": "Stitch Images"
        }
    },
    "17": {
        "class_type": "ImageStitch",
        "inputs": {
            "direction": "right",
            "image1": [
                "14",
                0
            ],
            "image2": [
                "15",
                0
            ],
            "match_image_size": True,
            "spacing_color": "white",
            "spacing_width": 0
        },
        "_meta": {
            "title": "Stitch Images"
        }
    },
    "18": {
        "class_type": "ImageStitch",
        "inputs": {
            "direction": "down",
            "image1": [
                "16",
                0
            ],
            "image2": [
                "17",
                0
            ],
            "match_image_size": True,
            "spacing_color": "white",
            "spacing_width": 0
        },
        "_meta": {
            "title": "Stitch Images"
        }
    },
    "19": {
        "class_type": "SaveImage",
        "inputs": {
            "filename_prefix": "ComfyUI",
            "images": [
                "21",
                0
            ]
        },
        "_meta": {
            "title": "Save Image"
        }
    },
    "21": {
        "class_type": "ResizeImageMaskNode",
        "inputs": {
            "input": [
                "18",
                0
            ],
            "resize_type": "scale dimensions",
            "resize_type.crop": "center",
            "resize_type.height": 2048,
            "resize_type.width": 2048,
            "scale_method": "lanczos"
        },
        "_meta": {
            "title": "Resize Image/Mask"
        }
    }
})
# Replace each example.com URL with a public URL of your file.
workflow.set_input("12", "image", client.assets.from_url("https://example.com/replace-with-a-url/image"))
workflow.set_input("13", "image", client.assets.from_url("https://example.com/replace-with-a-url/image_2"))
workflow.set_input("14", "image", client.assets.from_url("https://example.com/replace-with-a-url/image_3"))
workflow.set_input("15", "image", client.assets.from_url("https://example.com/replace-with-a-url/image_4"))

# run() also passes api_key to the partner nodes in this workflow.
job = client.run(workflow, api_key=api_key)

API documentation

Image Stitch 2x2 Grid

About

What you provide

Inside the workflow

Requires custom nodes

Use this workflow from code

What you need

Questions & answers

About

What you provide

Inside the workflow

Requires custom nodes

Use this workflow from code

What you need

Questions & answers

What happens if my images are different sizes?

Can I use more than four images?

What format should my images be in?

Is there a limit to the image resolution I can use?