ComfyUI 魔法书 Logo
🏠 首页
👥 加群
🔥 报错不求人
😎 大帅比
登录 →
ComfyUI 魔法书 Logo
🏠 首页 👥 加群 🔥 报错不求人 😎 大帅比
登录
  1. 首页
  2. 🧩 插件工坊 (Plugin Workshop)
  3. ComfyUI像素画检测插件详细使用教程

ComfyUI像素画检测插件详细使用教程

0
  • 🧩 插件工坊 (Plugin Workshop)
  • 发布于 2025-06-29
  • 9 次阅读
编程界的小学生
编程界的小学生

ComfyUI-PixelArt-Detector 插件保姆级教程

1. 插件简介

插件地址: https://github.com/dimtoneff/ComfyUI-PixelArt-Detector

这个插件就像是一个专门处理像素画的魔法工具箱!它能帮你把普通图片变成复古的像素画风格,就像把现代照片变成80年代游戏机里的画面一样。

主要功能:

  • 把图片变成像素画风格(就像马赛克效果,但更精细)
  • 换颜色调色板(比如把彩色图片变成只有4种颜色的Game Boy风格)
  • 自动检测图片的最佳像素尺寸(找到图片本来的"像素格子"大小)
  • 保存成各种格式(WebP、JPEG等)
  • 添加抖动效果(让颜色过渡更自然,像老式打印机的效果)

2. 如何安装

  1. 打开终端或命令提示符
  2. 进入你的 ComfyUI 安装目录下的 custom_nodes 文件夹
  3. 运行以下命令:
git clone https://github.com/dimtoneff/ComfyUI-PixelArt-Detector
  1. 重启 ComfyUI

3. 节点详细解析

3.1 PixelArtLoadPalettes 节点(调色板加载器)

这个节点就像一个颜色盒子,里面装着各种复古游戏机的颜色方案,比如Game Boy的绿色调、NES的经典色彩等。

参数详解:

参数名 (UI显示)参数名 (代码里)参数值建议值通俗解释 (能干嘛的)专业解释怎么用/举个例子
imageimage调色板文件名列表任选一个选择你想要的颜色风格,就像选择画笔盒里的颜色套装从预设调色板文件中选择一个作为颜色源选择"nintendo-gameboy-bgb-1x.png"就能得到Game Boy的经典绿色调
render_all_palettes_in_gridrender_all_palettes_in_gridTrue/FalseFalse是否要把所有颜色方案做成一个大拼图来预览是否将所有调色板渲染为网格预览图开启后会生成一个包含所有调色板效果的对比图
grid_settingsgrid_settings文本说明默认值这是个说明文字,告诉你网格设置的作用网格设置的说明文本这只是说明,不需要修改
paletteList_grid_font_sizepaletteList_grid_font_size14-12040网格图片上文字的大小,就像调节字体大小网格中调色板名称的字体大小设置为60会让调色板名字显示得更大更清楚
paletteList_grid_font_colorpaletteList_grid_font_color颜色代码#f40e12网格图片上文字的颜色,用颜色代码表示网格中文字的颜色值#000000是黑色,#ffffff是白色
paletteList_grid_backgroundpaletteList_grid_background颜色代码#fff网格图片的背景颜色网格的背景颜色#000000会让背景变成黑色
paletteList_grid_colspaletteList_grid_cols1-206网格有几列,就像排列照片时每行放几张网格布局的列数设置为3表示每行显示3个调色板
paletteList_grid_add_borderpaletteList_grid_add_borderTrue/FalseTrue是否给每个调色板加边框,就像给照片加相框是否为网格中的每个调色板添加边框开启后每个调色板周围会有边框线
paletteList_grid_border_widthpaletteList_grid_border_width1-303边框的粗细程度边框的宽度像素值设置为10会让边框变得很粗

3.2 PixelArtAddDitherPattern 节点(抖动图案添加器)

这个节点就像给图片加上老式打印机的点阵效果,让颜色过渡看起来更有复古感。

参数详解:

参数名 (UI显示)参数名 (代码里)参数值建议值通俗解释 (能干嘛的)专业解释怎么用/举个例子
imageimageIMAGE类型-要处理的图片,就像放进机器里的原料输入的图像数据连接前面节点输出的图片
pattern_typepattern_typebayer/halftone/nonebayer抖动的花纹类型,就像选择不同的筛网抖动图案的类型bayer是方格状,halftone是圆点状
pattern_orderpattern_order1-53抖动花纹的密集程度,数字越大花纹越细密抖动图案的阶数,影响图案大小设置为1是粗糙的大格子,5是很细密的小格子
amountamount0.0-1.00.25抖动效果的强度,就像调节滤镜的浓度抖动效果的强度系数0.5会让抖动效果更明显
custom_patterncustom_patternMASK类型可选自定义的抖动花纹,就像用自己设计的模板自定义抖动图案的遮罩可以用自己画的黑白图案作为抖动模板

3.3 PixelArtDetectorConverter 节点(像素画调色板转换器)

这是插件的核心节点,就像一个全能的图片处理工厂,能把任何图片变成像素画风格。

参数详解:

参数名 (UI显示)参数名 (代码里)参数值建议值通俗解释 (能干嘛的)专业解释怎么用/举个例子
imagesimagesIMAGE类型-要处理的图片,可以是多张输入的图像数据数组连接前面节点的图片输出
palettepaletteNES/GAMEBOYGAMEBOY选择复古游戏机的颜色风格预设的调色板类型GAMEBOY是绿色调,NES是彩色调
pixelizepixelize4种算法Image.quantize选择把图片变像素画的方法,就像选择不同的加工工艺像素化处理算法Image.quantize最快最常用
grid_pixelate_grid_scan_sizegrid_pixelate_grid_scan_size1-322网格扫描的格子大小,数字越小越精细但越慢网格像素化的扫描尺寸设置为1是逐像素处理,很慢但最精细
resize_wresize_w0-2048512最终图片的宽度,0表示不改变大小输出图像的宽度设置为256会让图片变小
resize_hresize_h0-2048512最终图片的高度,0表示不改变大小输出图像的高度设置为256会让图片变小
reduce_colors_before_palette_swapreduce_colors_before_palette_swapTrue/FalseFalse是否先减少颜色数量再换调色板,就像先简化再上色是否在调色板转换前先进行颜色减少开启后会让最终效果更干净
reduce_colors_max_colorsreduce_colors_max_colors1-256128减少到多少种颜色颜色减少的目标颜色数量设置为16会让图片只有16种颜色
apply_pixeldetector_max_colorsapply_pixeldetector_max_colorsTrue/FalseTrue是否自动检测图片的最佳颜色数量是否使用像素检测器确定最佳颜色数开启后会自动找到最合适的颜色数量
image_quantize_reduce_methodimage_quantize_reduce_method3种方法MAXCOVERAGE颜色减少的算法,就像选择不同的颜料混合方式图像量化的减色方法MAXCOVERAGE对像素画效果最好
opencv_settingsopencv_settings文本说明默认值OpenCV算法的说明文字OpenCV相关设置的说明这只是说明文字,不需要修改
opencv_kmeans_centersopencv_kmeans_centers2种方法RANDOM_CENTERSOpenCV算法选择颜色的方式OpenCV K-means聚类的中心点选择方法PP_CENTERS更慢但结果更稳定
opencv_kmeans_attemptsopencv_kmeans_attempts1-15010OpenCV算法尝试的次数,次数越多效果越好但越慢K-means算法的尝试次数设置为50会得到更好的颜色但处理更慢
opencv_criteria_max_iterationsopencv_criteria_max_iterations1-15010每次尝试的最大循环次数每次尝试的最大迭代次数增加这个值会提高精度但增加处理时间
cleanupcleanup文本说明默认值颜色清理功能的说明颜色清理功能的说明文本这只是说明文字
cleanup_colorscleanup_colorsTrue/FalseFalse是否清理掉用得很少的颜色是否启用颜色清理功能开启后会去掉占比很小的杂色
cleanup_pixels_thresholdcleanup_pixels_threshold0.001-1.00.02清理颜色的阈值,数字越小保留的颜色越多颜色清理的像素阈值0.01会保留更多颜色,0.05会清理更多颜色
ditherdither6种抖动none抖动效果类型,让颜色过渡更自然抖动算法类型floyd-steinberg是经典的抖动效果
paletteListpaletteListLIST类型可选从调色板加载器传来的颜色列表外部调色板数据列表连接PixelArtLoadPalettes节点的输出

3.4 PixelArtDetectorToImage 节点(像素画检测转图片)

这个节点就像一个图片侦探,能自动找到图片的真实像素尺寸,然后输出标准的图片格式。

参数详解:

参数名 (UI显示)参数名 (代码里)参数值建议值通俗解释 (能干嘛的)专业解释怎么用/举个例子
imagesimagesIMAGE类型-要处理的图片输入的图像数据连接前面节点的图片输出
reduce_palettereduce_paletteTrue/FalseFalse是否要减少图片的颜色数量是否启用调色板减少功能开启后会让图片颜色更简洁
reduce_palette_max_colorsreduce_palette_max_colors1-256128最多保留多少种颜色调色板减少的最大颜色数设置为32会让图片只有32种颜色

3.5 PixelArtDetectorSave 节点(像素画检测保存)

这个节点就像一个专业的图片保存器,不仅能检测像素尺寸,还能保存成各种格式。

参数详解:

参数名 (UI显示)参数名 (代码里)参数值建议值通俗解释 (能干嘛的)专业解释怎么用/举个例子
imagesimagesIMAGE类型-要保存的图片输入的图像数据连接前面节点的图片输出
filename_prefixfilename_prefix文本%date%/PixelArt保存文件的名字前缀,%date%会自动变成日期文件名前缀模板"MyPixelArt"会保存为MyPixelArt_00001_.webp
reduce_palettereduce_paletteTrue/FalseFalse保存前是否减少颜色是否在保存前减少调色板开启后保存的文件颜色更简洁
reduce_palette_max_colorsreduce_palette_max_colors1-256128最多保留多少种颜色调色板减少的最大颜色数设置为64会让保存的图片只有64种颜色
webp_modewebp_modelossy/losslesslosslessWebP格式的压缩方式,无损或有损WebP图像的压缩模式lossless保证画质,lossy文件更小
compressioncompression1-10080压缩程度,数字含义根据压缩方式不同压缩质量参数无损模式下100是最小文件,有损模式下100是最高画质
save_jpgsave_jpgTrue/FalseFalse是否同时保存JPEG格式是否额外保存JPEG格式文件开启后会同时生成.webp和.jpeg两个文件
save_exifsave_exifTrue/FalseTrue是否保存图片的制作信息(工作流等)是否保存EXIF元数据开启后可以通过拖拽图片重新加载工作流
resize_wresize_w0-2048512保存时的图片宽度输出图像宽度0表示不改变尺寸
resize_hresize_h0-2048512保存时的图片高度输出图像高度0表示不改变尺寸

3.6 JavaScript扩展功能(前端功能)

这个插件还包含一个前端JavaScript扩展,让你可以直接把生成的WebP或JPEG图片拖拽到ComfyUI界面中,自动加载保存在图片里的工作流。

功能说明:

功能名称作用怎么用
WebP工作流加载从WebP图片中读取工作流信息直接把生成的.webp文件拖到ComfyUI界面
JPEG工作流加载从JPEG图片中读取工作流信息直接把生成的.jpeg文件拖到ComfyUI界面
EXIF数据解析自动解析图片中的制作信息拖拽图片后会自动重建整个工作流

4. 使用技巧和建议

4.1 新手入门建议

  1. 从简单开始:先用默认设置,只改变调色板类型
  2. 尺寸设置:如果不想改变图片大小,把宽度和高度都设为0
  3. 调色板选择:GAMEBOY适合单色调效果,NES适合彩色像素画

4.2 进阶技巧

  1. 颜色减少:开启"reduce_colors_before_palette_swap"能得到更干净的效果
  2. 抖动效果:使用floyd-steinberg抖动能让颜色过渡更自然
  3. 网格预览:使用调色板加载器的网格功能可以一次性预览所有调色板效果

4.3 性能优化

  1. 算法选择:Image.quantize是最快的,OpenCV.kmeans最慢但效果最好
  2. 网格扫描:grid_pixelate_grid_scan_size设为1最精细但很慢,建议用2-4
  3. 尝试次数:OpenCV的attempts和iterations不要设太高,会很慢

5. 常见问题解答

Q1: 为什么我的图片变得很模糊?

A: 可能是resize设置的尺寸太小了,试试把resize_w和resize_h设为0,或者设置更大的数值。

Q2: 颜色转换效果不明显怎么办?

A: 试试开启"reduce_colors_before_palette_swap"选项,或者降低"reduce_colors_max_colors"的数值。

Q3: 处理速度太慢怎么办?

A: 选择"Image.quantize"算法,把grid_pixelate_grid_scan_size设为2以上,减少OpenCV的attempts数值。

Q4: 如何获得更多调色板?

A: 去https://lospec.com/palette-list 下载1px版本的调色板,放到插件的palettes/1x/目录下。

Q5: 保存的图片无法拖拽加载工作流?

A: 确保"save_exif"选项是开启的,并且ComfyUI没有禁用元数据功能。

6. 推荐工作流程

6.1 基础像素画转换

  1. 加载图片 → PixelArtDetectorConverter → 预览图片
  2. 调整palette选择不同风格
  3. 如果需要保存,连接PixelArtDetectorSave节点

6.2 高质量像素画制作

  1. 加载图片 → PixelArtLoadPalettes(选择调色板)
  2. → PixelArtDetectorConverter(开启reduce_colors_before_palette_swap)
  3. → PixelArtAddDitherPattern(添加抖动效果)
  4. → PixelArtDetectorSave(保存最终结果)

6.3 批量调色板预览

  1. PixelArtLoadPalettes(开启render_all_palettes_in_grid)
  2. → PixelArtDetectorConverter
  3. → 预览图片节点(查看所有调色板效果对比)

7. 总结

这个插件是ComfyUI中处理像素画的神器,包含了6个功能强大的节点,能够满足从简单的调色板转换到复杂的像素画制作的各种需求。通过合理搭配这些节点,你可以轻松制作出各种复古风格的像素画作品。

记住最重要的一点:多实验,多尝试不同的参数组合,每个图片的最佳设置都可能不同!

标签: #插件 2338
相关文章

ComfyUI错误修复插件详解:轻松解决常见问题 2025-07-10 18:25

ComfyUI-CustomMenu插件使用教程:高效自定义工作流指南 2025-07-10 17:50

ComfyUI图像合并插件comfyui-merge使用教程 2025-07-03 22:44

ComfyUI 图像合并插件教程 (comfyui-merge) 1. 插件简介 这是一个专门用来合并图片的 ComfyUI 插件,就像用 PS 把多张图片叠在一起那样。它的特别之处在于你精确控制每张图片的混合方式。 GitHub 地址:https://github.com/LingSss9/com

ComfyUI WAN 2.2视频插件教程:万相AI提示词全攻略 2025-07-31 11:47

ComfyUI WAN 2.2视频插件教程:万相AI提示词实战指南 2025-07-29 20:10

ComfyUI HeyGem数字人插件教程:零基础快速精通指南 2025-07-22 14:10

目录

从节点基础到高阶工作流,我们为你绘制最清晰的 ComfyUI 学习路径。告别困惑,让每一次连接都充满创造的魔力,轻松驾驭 AI 艺术的无限可能。

  • 微信
  • B站
  • GitHub
Copyright © 2025 AIX All Rights Reserved. Powered by AIX.
隐私政策
津ICP备2024019312号