ComfyUI > Nodes > ComfyUI > Image Grid

ComfyUI Node: Image Grid

Class Name

ImageGrid

Category
dataset/image
Author
ComfyAnonymous (Account age: 763days)
Extension
ComfyUI
Latest Updated
2026-05-13
Github Stars
112.77K

How to Install ComfyUI

Install this extension via the ComfyUI Manager by searching for ComfyUI
  • 1. Click the Manager button in the main menu
  • 2. Select Custom Nodes Manager button
  • 3. Enter ComfyUI in the search bar
After installation, click the Restart button to restart ComfyUI. Then, manually refresh your browser to clear the cache and access the updated list of nodes.

Visit ComfyUI Online for ready-to-use ComfyUI environment

  • Free trial available
  • 16GB VRAM to 80GB VRAM GPU machines
  • 400+ preloaded models/nodes
  • Freedom to upload custom models/nodes
  • 200+ ready-to-run workflows
  • 100% private workspace with up to 200GB storage
  • Dedicated Support

Run ComfyUI Online

Image Grid Description

Combine multiple images into a cohesive grid for easy comparison and presentation, ideal for artists and designers.

Image Grid:

The ImageGrid node is designed to seamlessly combine multiple images into a single, cohesive grid or collage. This node is particularly beneficial for artists and designers who wish to present a collection of images in a structured and visually appealing format. By arranging images into a grid layout, it allows for easy comparison and presentation of multiple artworks or design variations. The node automatically calculates the necessary dimensions and positions for each image, ensuring a neat and organized output. This functionality is especially useful for creating mood boards, showcasing portfolios, or preparing images for presentations and exhibitions. The ImageGrid node simplifies the process of image arrangement, saving time and effort while enhancing the visual impact of your work.

Image Grid Input Parameters:

columns

The columns parameter determines the number of columns in the grid layout. It directly affects how the images are distributed across the grid. A higher number of columns will result in more images per row, which can be useful for displaying a large number of images in a compact space. The minimum value is 1, the maximum is 20, and the default is 4. Adjusting this parameter allows you to control the overall width of the grid and the number of images displayed per row.

cell_width

The cell_width parameter specifies the width of each individual cell within the grid. This parameter is crucial for defining the size of each image in the grid, ensuring they fit neatly within the designated space. The minimum value is 32, the maximum is 2048, and the default is 256. By adjusting the cell width, you can control the resolution and detail of each image, which is particularly important when dealing with high-resolution images or when space is limited.

cell_height

The cell_height parameter sets the height of each cell in the grid. Similar to cell_width, this parameter determines the vertical size of each image, ensuring consistency and uniformity across the grid. The minimum value is 32, the maximum is 2048, and the default is 256. Modifying the cell height allows you to maintain aspect ratios or create specific visual effects, depending on the artistic requirements of your project.

padding

The padding parameter defines the amount of space between each image in the grid. This spacing is important for creating a clean and organized appearance, preventing images from appearing cluttered or overlapping. The minimum value is 0, the maximum is 50, and the default is 4. Adjusting the padding can enhance the visual separation between images, making the grid more aesthetically pleasing and easier to view.

Image Grid Output Parameters:

grid_image

The grid_image output parameter represents the final composite image created by the ImageGrid node. This single image contains all the input images arranged according to the specified grid layout, including the defined number of columns, cell dimensions, and padding. The output is a cohesive and visually structured image that can be used for presentations, portfolios, or any other purpose where a collection of images needs to be displayed together. The grid image is the culmination of the node's processing, providing a polished and professional result.

Image Grid Usage Tips:

  • Experiment with different columns settings to find the optimal layout for your specific collection of images, balancing between compactness and clarity.
  • Use cell_width and cell_height to maintain the aspect ratio of your images, ensuring they are displayed without distortion.
  • Adjust padding to create a clean separation between images, enhancing the overall visual appeal of the grid.

Image Grid Common Errors and Solutions:

Cannot create grid from empty image list

  • Explanation: This error occurs when the input list of images is empty, and the node cannot proceed with creating a grid.
  • Solution: Ensure that you provide a non-empty list of images as input to the node. Double-check your image sources and connections to confirm that images are being correctly passed to the node.

Image Grid Related Nodes

Go back to the extension to check out more related nodes.
ComfyUI
RunComfy
Copyright 2025 RunComfy. All Rights Reserved.

RunComfy is the premier ComfyUI platform, offering ComfyUI online environment and services, along with ComfyUI workflows featuring stunning visuals. RunComfy also provides AI Models, enabling artists to harness the latest AI tools to create incredible art.

Image Grid