%20(1).png)
ComfyUI ImageGallery ExtendeD (ED) 插件完整教程
1. 插件简介
插件原地址： https://github.com/NyaamZ/ComfyUI-ImageGallery-ED
ComfyUI ImageGallery ExtendeD 是一个专门为ComfyUI设计的自定义JavaScript扩展，主要目的是提供更好的用户体验，让查看图片变得更加方便。
这个插件就像给你的ComfyUI装了一个超级方便的图片浏览器，主要能帮你做这些事情：
- 双击看大图：就像在手机上看照片一样，双击任何图片都能全屏查看
- 快捷键操作：用键盘就能快速缩放、切换图片，比鼠标操作更高效
- 拖拽移动：可以用鼠标拖着图片到处移动，就像在桌面上移动文件一样
- 一键复制：点击按钮就能把图片复制到剪贴板或发送到其他地方
- 遮罩编辑：可以直接在图片上编辑遮罩（就像用橡皮擦一样）
2. 如何安装
有两种常用的安装方法：
方法一：ComfyUI Manager安装（推荐）
- 打开ComfyUI
- 点击右下角的"Manager"按钮
- 选择"Install Custom Nodes"
- 搜索"ImageGallery ED"
- 点击Install按钮
- 重启ComfyUI
方法二：手动安装
- 打开ComfyUI的安装文件夹
- 进入
custom_nodes文件夹 - 在这里打开命令行/终端
- 输入命令：
git clone https://github.com/NyaamZ/ComfyUI-ImageGallery-ED.git - 重启ComfyUI
3. 节点详解
3.1 Load Image ED 节点
这个节点就像是一个升级版的图片加载器，不仅能加载图片，还能接收从图片浏览器发送过来的图片。
3.2 Load Image ED 节点参数详解
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| 图片选择 | image | 文件列表 | 选择需要的图片 | 从文件夹里选择要加载的图片，就像在文件管理器里选文件一样 | 从输入目录中选择图像文件进行加载 | 点击下拉菜单选择你要用的图片文件 |
| 上传图片 | upload | 文件上传 | 拖拽或点击上传 | 可以从电脑里直接拖拽图片到这个节点上，就像拖文件到回收站一样 | 支持拖拽上传图像文件到节点 | 直接把图片从桌面拖到节点上就能上传 |
输出参数：
| 输出名 | 输出类型 | 通俗解释 | 专业解释 |
|---|---|---|---|
| IMAGE | 图像 | 输出处理好的图片，可以接到其他节点上继续处理 | 输出标准化的图像张量 |
| MASK | 遮罩 | 如果图片有透明部分，会输出对应的遮罩信息 | 输出alpha通道遮罩张量 |
4. JavaScript扩展功能
这个插件的核心其实是JavaScript扩展，它会自动为ComfyUI添加以下功能：
4.1 图片浏览增强功能
| 功能 | 触发方式 | 通俗解释 | 使用场景 |
|---|---|---|---|
| 全屏浏览 | 双击图片 | 双击任何图片都能全屏查看，就像手机看照片一样 | 想仔细查看图片细节的时候 |
| 缩放功能 | 鼠标滚轮 | 用鼠标滚轮可以放大缩小图片，就像浏览器看网页一样 | 需要放大查看图片细节时 |
| 拖拽移动 | 鼠标左键拖拽 | 可以用鼠标拖着图片移动位置，就像移动桌面文件一样 | 放大后需要查看图片不同部分时 |
| 复制发送 | 点击右下角图标 | 点击图片右下角的按钮可以把图片复制到剪贴板 | 想要快速复制图片到其他地方时 |
4.2 键盘快捷键功能
| 快捷键 | 功能 | 通俗解释 | 使用场景 |
|---|---|---|---|
| ↑ | 放大 | 按向上箭头键放大图片，就像按音量+键一样 | 需要放大查看细节时 |
| ↓ | 缩小 | 按向下箭头键缩小图片，就像按音量-键一样 | 图片太大需要缩小时 |
| ← | 上一张 | 按向左箭头键看上一张图片，就像翻书往前翻一样 | 有多张图片时快速切换 |
| → | 下一张 | 按向右箭头键看下一张图片，就像翻书往后翻一样 | 有多张图片时快速切换 |
| Esc | 退出 | 按ESC键退出全屏浏览，就像关闭弹窗一样 | 看完图片想回到工作界面时 |
| C 或 空格 | 复制发送 | 按C键或空格键复制图片并发送到Load Image ED节点 | 快速选择图片用于处理时 |
| M | 遮罩编辑 | 按M键进入遮罩编辑模式，就像进入画图模式一样 | 需要编辑图片遮罩时 |
| W/A/S/D | 移动图片 | 像玩游戏一样用WASD键移动图片位置 | 放大后需要查看图片不同部分时 |
5. 使用技巧和建议
5.1 日常使用技巧
-
快速查看生成结果：生成图片后，直接双击图片就能全屏查看效果，比原来的小预览窗口方便多了。
-
批量对比图片：使用←→键可以快速在多张图片之间切换，特别适合对比不同参数生成的效果。
-
精确查看细节：用鼠标滚轮放大图片，然后用WASD键移动，可以很精确地查看图片的每个细节。
-
快速选择图片：看到满意的图片时，直接按C键或空格键就能把图片发送到Load Image ED节点，省去了手动上传的步骤。
5.2 工作流程建议
-
建议在工作流程中添加Load Image ED节点：即使暂时不用，也建议添加这个节点，因为从图片浏览器复制的图片会自动发送到这个节点。
-
配合ClipSpace使用：这个插件可以很好地配合ComfyUI的ClipSpace功能，让图片传递更加流畅。
-
遮罩编辑工作流：如果需要编辑遮罩，可以先双击图片进入全屏模式，然后按M键进入遮罩编辑模式。
6. 常见问题解答
6.1 安装相关问题
Q：安装后没有看到新的节点？ A：这个插件主要是JavaScript扩展，大部分功能是自动添加的。只有"Load Image ED"是新增的节点，在"loaders"分类下可以找到。
Q：双击图片没有反应？ A：确保插件正确安装并重启了ComfyUI。如果还是没反应，检查浏览器的JavaScript是否被禁用。
6.2 使用相关问题
Q：快捷键不生效？ A：快捷键只在全屏浏览模式下有效。先双击图片进入全屏模式，然后再使用快捷键。
Q：复制的图片没有发送到Load Image ED节点？ A：确保你的工作流程中有"Load Image ED"节点。如果没有这个节点，图片只会复制到剪贴板。
Q：遮罩编辑功能怎么用？ A：双击图片进入全屏模式，然后按M键进入遮罩编辑模式。用鼠标可以绘制遮罩，就像用画笔一样。
6.3 性能相关问题
Q：图片加载变慢了？ A：这个插件主要是界面增强，不会影响图片加载速度。如果觉得慢，可能是图片文件本身比较大。
Q：会不会占用很多内存？ A：这个插件主要是JavaScript扩展，占用的内存很少，基本不会影响ComfyUI的性能。
7. 总结
ComfyUI ImageGallery ExtendeD 插件是一个非常实用的用户体验增强工具，它就像给你的ComfyUI装了一个专业的图片浏览器。虽然它不会直接帮你生成更好的图片，但会让你的工作流程变得更加流畅和高效。
特别是对于需要频繁查看和对比图片的用户来说，这个插件可以大大提高工作效率。双击看大图、快捷键操作、一键复制等功能，都能让你的ComfyUI使用体验更上一层楼。
安装简单，使用方便，强烈推荐给所有ComfyUI用户！