ComfyUI > Nodes > ComfyUI-iTools > iTools Grid Filler 📲

ComfyUI Node: iTools Grid Filler 📲

Class Name

iToolsGridFiller

Category
iTools
Author
MohammadAboulEla (Account age: 1256days)
Extension
ComfyUI-iTools
Latest Updated
2025-02-08
Github Stars
0.04K

How to Install ComfyUI-iTools

Install this extension via the ComfyUI Manager by searching for ComfyUI-iTools
  • 1. Click the Manager button in the main menu
  • 2. Select Custom Nodes Manager button
  • 3. Enter ComfyUI-iTools 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
  • High-speed GPU machines
  • 200+ preloaded models/nodes
  • Freedom to upload custom models/nodes
  • 50+ ready-to-run workflows
  • 100% private workspace with up to 200GB storage
  • Dedicated Support

Run ComfyUI Online

iTools Grid Filler 📲 Description

Efficiently arrange images into structured grid format for AI artists, with customizable rows, columns, and spacing.

iTools Grid Filler 📲:

The iToolsGridFiller node is designed to efficiently arrange multiple images into a structured grid format, making it an invaluable tool for AI artists looking to create visually appealing compositions. This node allows you to specify the number of rows and columns, the size of the grid, and the gap between images, providing flexibility in how images are displayed. It also supports setting a background color and choosing the direction in which images are filled, either by rows or columns. By automating the process of image arrangement, iToolsGridFiller saves time and ensures consistency, making it easier to create complex image layouts without manual adjustments.

iTools Grid Filler 📲 Input Parameters:

images

This parameter accepts a list of images that you want to arrange in the grid. The images are converted from tensors to Pillow images for processing. The quality and resolution of the final grid depend on the input images, so ensure they are of suitable quality for your needs.

width

The width of the grid in pixels. This determines how wide the entire grid will be, affecting the size of each individual image within the grid. There is no explicit minimum or maximum value, but it should be set according to the desired output size.

height

The height of the grid in pixels. Similar to the width, this parameter defines the overall height of the grid, influencing the dimensions of each image. Choose a value that matches your intended output size.

rows

The number of rows in the grid. This parameter dictates how many horizontal layers of images will be present. A higher number of rows will result in smaller individual images if the grid size remains constant.

cols

The number of columns in the grid. This parameter specifies how many vertical layers of images will be included. Like rows, increasing the number of columns will reduce the size of each image if the grid size is unchanged.

gaps

The gap between images, expressed as a percentage. This parameter controls the spacing between images, allowing for a more open or compact layout. The default value is 0.05, but it can be adjusted to suit your design preferences.

background_color

The color of the grid's background, specified in a color code format (e.g., #ffffff for white). This parameter sets the backdrop against which the images are placed, which can enhance the visual appeal of the grid.

fill_direction

The direction in which images are filled into the grid, either rows or columns. This parameter affects the order in which images are placed, allowing for different visual flows in the grid layout.

iTools Grid Filler 📲 Output Parameters:

output_tensor

The output is a tensor representation of the processed grid image. This tensor can be used in further processing or saved as an image file. It encapsulates the entire grid with all images arranged according to the specified parameters, ready for use in your projects.

iTools Grid Filler 📲 Usage Tips:

  • Experiment with different grid sizes and gap values to achieve the desired balance between image size and spacing.
  • Use the background color to complement the images and enhance the overall aesthetic of the grid.
  • Consider the fill direction to create a natural flow in the arrangement of images, which can be particularly useful for storytelling or thematic compositions.

iTools Grid Filler 📲 Common Errors and Solutions:

Image size mismatch

  • Explanation: The input images may not fit well within the specified grid dimensions, leading to unexpected results.
  • Solution: Ensure that the grid size is appropriate for the number of images and their individual sizes. Adjust the number of rows and columns or resize the images as needed.

Invalid color code

  • Explanation: The background color code provided is not in a valid format.
  • Solution: Use a valid hex color code (e.g., #ffffff for white) to set the background color.

Direction parameter error

  • Explanation: The fill direction is not specified correctly.
  • Solution: Ensure that the fill direction is set to either rows or columns to avoid errors in image arrangement.

iTools Grid Filler 📲 Related Nodes

Go back to the extension to check out more related nodes.
ComfyUI-iTools
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 Playground, enabling artists to harness the latest AI tools to create incredible art.