images-grid-comfy-plugin 插件保姆级教程

1. 插件简介

插件地址： https://github.com/LEv145/images-grid-comfy-plugin

images-grid-comfy-plugin 是一个超级实用的图片排版工具！就像你在做相册或者海报时，需要把很多张照片整齐地排列在一起一样。这个插件能帮你把多张图片自动排列成网格状，还能添加文字标注，制作出专业的对比图或展示图。

这个插件能给我们带来什么效果？

把多张图片自动排列成整齐的网格（就像照片墙）
可以按列数或行数来控制排列方式
能够添加文字标注，标记每行每列的内容
支持调节图片之间的间距
可以合并多组图片或数据
制作类似Auto1111的XYZ对比图

简单来说： 你给它一堆图片，它就能像摆积木一样，把这些图片整整齐齐地排列成一个大图，还能加上文字说明，让你的作品看起来更专业！

2. 如何安装

方法一：通过 ComfyUI Manager 安装（推荐）

打开 ComfyUI Manager
搜索 "images-grid" 或 "ImagesGrid"
点击安装
重启 ComfyUI
刷新浏览器页面

方法二：手动安装

下载插件压缩包：https://github.com/LEv145/images-grid-comfy-plugin/archive/refs/heads/main.zip
解压到 ComfyUI 的 custom_nodes 文件夹里
重命名文件夹为 ImagesGrid
重启 ComfyUI

安装说明

这个插件不需要额外的依赖包，ComfyUI 自带的库就足够了。安装后你会在节点菜单的 "ImagesGrid" 分类下找到所有相关节点。

3. 节点详解

3.1 ImagesGridByColumns 节点

这个节点就像一个按列排列的相册制作器。你告诉它"我要每行放3张照片"，它就会按照这个规则把所有图片排列好。就像你在整理照片时，决定每行放几张一样。

3.2 参数详解

参数名 (UI显示)	参数名 (代码里)	参数值	建议值	通俗解释 (能干嘛的)	专业解释	怎么用/举个例子
images	images	IMAGE类型	连接图片输入	这是你要排列的所有图片，就像一摞照片	输入的图像数据集合	从生成节点或Load Images连接多张图片
gap	gap	0以上的整数	10	图片之间的空隙大小，就像相框之间的距离	图像间的像素间距	0表示紧贴，数值越大间距越宽
max_columns	max_columns	1以上的整数	3	每行最多放几张图片，就像决定相册每行几张照片	网格的最大列数	如果有9张图设为3，就是3x3的网格
annotation	annotation	GRID_ANNOTATION类型	可选连接	文字标注信息，就像给每行每列加标签	网格标注数据	从GridAnnotation节点连接，可以不用

3.3 ImagesGridByRows 节点

这个节点和上面那个很像，但它是按行来排列的。你告诉它"我要总共3行"，它就会自动计算每行放几张图片。就像你说"我要把这些照片分成3排"。

3.4 参数详解

参数名 (UI显示)	参数名 (代码里)	参数值	建议值	通俗解释 (能干嘛的)	专业解释	怎么用/举个例子
images	images	IMAGE类型	连接图片输入	这是你要排列的所有图片，就像一摞照片	输入的图像数据集合	从生成节点或Load Images连接多张图片
gap	gap	0以上的整数	10	图片之间的空隙大小，就像相框之间的距离	图像间的像素间距	0表示紧贴，数值越大间距越宽
max_rows	max_rows	1以上的整数	3	总共要分成几行，就像决定相册要几排	网格的最大行数	如果有9张图设为3，每行会自动放3张
annotation	annotation	GRID_ANNOTATION类型	可选连接	文字标注信息，就像给每行每列加标签	网格标注数据	从GridAnnotation节点连接，可以不用

3.5 GridAnnotation 节点

这个节点就像一个标签制作器，专门为网格图片添加文字说明。就像你在相册上写"第一行：风景照，第二行：人物照"这样的标注。

3.6 参数详解

参数名 (UI显示)	参数名 (代码里)	参数值	建议值	通俗解释 (能干嘛的)	专业解释	怎么用/举个例子
column_texts	column_texts	多行文本	"列1;列2;列3"	每列的标题文字，就像给每列起名字	列标注文本，用分号分隔	输入"风景;人物;动物"表示三列的标题
row_texts	row_texts	多行文本	"行1;行2;行3"	每行的标题文字，就像给每行起名字	行标注文本，用分号分隔	输入"早晨;中午;晚上"表示三行的标题
font_size	font_size	1以上的整数	50	文字大小，就像调节字体的大小	字体像素大小	数值越大文字越大，50是中等大小

3.7 ImageCombine 节点

这个节点就像一个简单的图片合并器，能把两组图片合并成一组。就像你有两摞照片，想把它们合并成一摞。

3.8 参数详解

参数名 (UI显示)	参数名 (代码里)	参数值	建议值	通俗解释 (能干嘛的)	专业解释	怎么用/举个例子
image_1	image_1	IMAGE类型	连接第一组图片	第一组图片，就像第一摞照片	第一个图像数据集	从任何图片节点连接
image_2	image_2	IMAGE类型	连接第二组图片	第二组图片，就像第二摞照片	第二个图像数据集	从任何图片节点连接

3.9 LatentCombine 节点

这个节点是专门合并"半成品"数据的工具。在ComfyUI中，图片在生成过程中会有一个中间状态，这个节点就是把两个中间状态合并起来。就像把两份半成品材料混合在一起。

3.10 参数详解

参数名 (UI显示)	参数名 (代码里)	参数值	建议值	通俗解释 (能干嘛的)	专业解释	怎么用/举个例子
latent_1	latent_1	LATENT类型	连接第一个数据	第一份半成品数据，就像第一份原料	第一个潜在空间数据	从KSampler等节点连接
latent_2	latent_2	LATENT类型	连接第二个数据	第二份半成品数据，就像第二份原料	第二个潜在空间数据	从KSampler等节点连接

4. 使用技巧和建议

4.1 网格排列技巧

选择合适的列数/行数：
- 4张图片：2x2网格最好看
- 6张图片：2x3或3x2都可以
- 9张图片：3x3是经典选择
- 12张图片：3x4或4x3根据图片形状选择
间距设置建议：
- 小图片（512px以下）：gap设为5-10
- 中等图片（512-1024px）：gap设为10-20
- 大图片（1024px以上）：gap设为20-50

4.2 文字标注技巧

标题命名： 使用简短有意义的词语，如"模型A;模型B;模型C"
字体大小： 根据图片大小调整，小图用30-40，大图用50-80
分隔符使用： 用分号(;)分隔不同的标题
换行支持： 在标题中可以用\n换行

4.3 工作流程建议

对比图制作： 使用相同的提示词生成多张图，然后用网格排列对比
参数测试： 测试不同参数时，用标注功能标记每个参数值
作品展示： 把最好的作品排列成网格，制作作品集

4.4 性能优化建议

图片数量： 一次处理不要超过50张图片
图片尺寸： 保持所有图片尺寸一致，效果最好
内存管理： 处理大量图片时，适当降低图片分辨率

5. 常见问题解答

Q1: 为什么图片排列不整齐？

A: 可能的原因和解决方法：

图片尺寸不一致：确保所有输入图片尺寸相同
图片数量不够：如果设置3x3网格但只有8张图，最后一个位置会空着
检查gap设置是否合理

Q2: 文字标注显示不出来？

检查column_texts和row_texts是否用分号(;)正确分隔
确保font_size不要设置得太小
标注数量要与实际行列数匹配

Q3: 合并图片时出错？

确保两组图片的格式一致
检查图片是否损坏
尝试重新生成图片

Q4: 网格图片太大无法保存？

减少图片数量或降低单张图片分辨率
适当减小gap值
分批处理大量图片

Q5: 如何制作XYZ对比图？

使用GridAnnotation节点设置X轴和Y轴标题
按照X*Y的数量生成对应图片
用ImagesGridByColumns排列，列数设为X轴数量

6. 工作流程示例

基础网格制作：

生成多张图片 → ImagesGridByColumns → Save Image

带标注的对比图：

生成图片 → ImagesGridByColumns
GridAnnotation → ImagesGridByColumns（连接annotation输入）
最终结果 → Save Image

复杂合并流程：

第一组图片 → ImageCombine
第二组图片 → ImageCombine
合并结果 → ImagesGridByColumns → Save Image

XYZ参数测试：

设置不同参数生成图片
GridAnnotation设置参数标签
ImagesGridByColumns制作对比网格
保存对比结果

7. 实际应用场景

7.1 模型对比

用不同模型生成相同主题的图片
排列成网格进行效果对比
添加模型名称标注

7.2 参数测试

测试不同CFG值、步数、采样器的效果
制作参数对比表
找出最佳参数组合

7.3 提示词实验

测试不同提示词的效果
制作提示词效果对比图
优化提示词写法

7.4 作品展示

整理最佳作品制作作品集
按主题分类展示
制作专业的展示图

8. 高级技巧

8.1 自定义间距

根据图片内容调整gap值
相关图片可以用小间距
对比图片可以用大间距突出差异

8.2 标注优化

使用有意义的标题而不是数字
适当使用换行让标题更清晰
字体大小要与图片大小匹配

8.3 批量处理

使用ImageCombine节点合并多组图片
分批处理大量图片避免内存问题
合理规划工作流程提高效率

9. 总结

images-grid-comfy-plugin 是一个功能强大且易于使用的图片排版工具，特别适合制作对比图和展示图。它的最大优势是：

操作简单： 只需要连接图片就能自动排列
功能完整： 支持按行、按列排列，还能添加标注
灵活性高： 可以自由调整间距和标注样式
实用性强： 特别适合AI图片的对比和展示

记住几个要点：

保持输入图片尺寸一致
合理设置行列数和间距
善用标注功能让图片更专业
根据需求选择合适的排列方式

ComfyUI图片网格插件超详细使用教程