🔍

首页Home › 图片工具Image Tools

📶 像素排序(Pixel Sorting 故障艺术)Sort Pixels in Image (Pixel Sorting Glitch Art)

经典的 Pixel Sorting 故障艺术效果:把每一行(或每一列)的像素按亮度、色相、饱和度或红绿蓝通道重新排序,可设置亮度范围只排序其中的连续片段(保留暗部或亮部的原样,做出“流淌”的条纹),可选升序或降序。逐像素精确,支持批量,适合做唱片封面、海报和抽象壁纸,图片只在浏览器本地处理。The classic pixel-sorting glitch effect. The pixels in each row (or column) are reordered by brightness, hue, saturation or the red, green or blue channel. Set a brightness range to sort only the runs of pixels inside it, so dark or bright parts stay in place and you get flowing streaks, and choose ascending or descending order. Pixels are moved exactly; works in bulk. Great for album covers, posters and abstract wallpapers. Images are processed locally in your browser.

点击选择或拖放图片(可多选)Click or drop images here (multiple allowed)
只排序亮度在此范围内的连续片段;0–255 表示整行排序Only runs of pixels within this brightness range are sorted; 0–255 sorts whole lines

使用说明与常见问题How-to & FAQ

「像素排序(Pixel Sorting 故障艺术)」是什么?What is the Sort Pixels in Image (Pixel Sorting Glitch Art) tool?

经典的 Pixel Sorting 故障艺术效果:把每一行(或每一列)的像素按亮度、色相、饱和度或红绿蓝通道重新排序,可设置亮度范围只排序其中的连续片段(保留暗部或亮部的原样,做出“流淌”的条纹),可选升序或降序。逐像素精确,支持批量,适合做唱片封面、海报和抽象壁纸,图片只在浏览器本地处理。The classic pixel-sorting glitch effect. The pixels in each row (or column) are reordered by brightness, hue, saturation or the red, green or blue channel. Set a brightness range to sort only the runs of pixels inside it, so dark or bright parts stay in place and you get flowing streaks, and choose ascending or descending order. Pixels are moved exactly; works in bulk. Great for album covers, posters and abstract wallpapers. Images are processed locally in your browser.

如何使用「像素排序(Pixel Sorting 故障艺术)」?How do I use the Sort Pixels in Image (Pixel Sorting Glitch Art) tool?

在「像素排序(Pixel Sorting 故障艺术)」中,选择或拖入文件,按需设置「方向」、「排序依据」、「顺序」、「亮度下限」、「亮度上限」等选项,然后点击每个结果旁的「下载」按钮即可;有多个文件时也可以点「全部下载(ZIP)」一次打包下载。In the Sort Pixels in Image (Pixel Sorting Glitch Art): Choose or drop your files, set "Direction", "Sort by", "Order", "Brightness from", "Brightness to", then click the Download button next to each result (with several files, "Download all (ZIP)" saves them together).

亮度范围有什么用?What is the brightness range for?

Pixel Sorting 的精髓是“只排一部分”:程序沿每一行找出亮度落在下限和上限之间的连续像素片段,只在片段内部排序,范围外的像素(例如阴影或高光)原地不动,起到“隔断”的作用,于是画面会出现一段段流淌的条纹,而主体轮廓仍然可辨认。范围设为 0–255 时整行一起排序,结果是纯粹的渐变条纹。The trick of pixel sorting is sorting only part of the image. Along each line the tool finds runs of pixels whose brightness is between the two limits and sorts within each run, while pixels outside the range (shadows or highlights, say) stay put and act as breaks. That gives streaks that seem to flow while the subject stays recognisable. A range of 0–255 sorts entire lines into pure gradient stripes.

按色相、饱和度排序有什么不同?How do hue and saturation sorting differ?

亮度排序得到从暗到亮的过渡,最常见;色相排序按色环顺序(红 → 黄 → 绿 → 青 → 蓝 → 紫)排列,得到彩虹式条纹;饱和度排序把灰色和鲜艳的颜色分开;按红 / 绿 / 蓝单个通道排序则会突出某种颜色。片段范围始终按亮度判断。Brightness sorting gives dark-to-light transitions and is the most common. Hue follows the colour wheel (red → yellow → green → cyan → blue → magenta) for rainbow-like streaks. Saturation separates greys from vivid colours, and sorting by a single red, green or blue channel emphasises that colour. Runs are always chosen by brightness.

像素会丢失或改变颜色吗?Are any pixels lost or recoloured?

不会。排序只是调换像素位置,每个像素的颜色和透明度都完全保留,同一行(列)里的像素总数和颜色组成不变;默认导出无损 PNG,相同亮度的像素保持原有先后顺序。No. Sorting only moves pixels around; every pixel keeps its exact colour and transparency, and each row (or column) keeps the same set of colours. PNG export is lossless by default, and pixels with equal values keep their original order.

有哪些选项可以调整?What options can I adjust?

「像素排序(Pixel Sorting 故障艺术)」的设置:「方向」可选 水平(每一行)、垂直(每一列)(默认 水平(每一行));「排序依据」可选 亮度、色相、饱和度、红、绿、蓝(默认 亮度);「顺序」可选 升序(暗→亮、降序(默认 升序(暗→亮);「亮度下限」默认 60,范围 0–255;「亮度上限」默认 255,范围 0–255;「输出格式」可选 PNG、JPG、WebP(默认 PNG);「质量」默认 92,范围 40–100;可选文件:常见图片格式(含 HEIC、HEIF、AVIF、WEBP、BMP、JFIF)。改动任一选项后结果会按新设置重新生成。Settings in the Sort Pixels in Image (Pixel Sorting Glitch Art) — "Direction": Horizontal (rows), Vertical (columns) (default Horizontal (rows)); "Sort by": Brightness, Hue, Saturation, Red, Green, Blue (default Brightness); "Order": 小→大) / Ascending, Descending (default 小→大) / Ascending); "Brightness from" default 60, range 0–255; "Brightness to" default 255, range 0–255; "Format": PNG, JPG, WebP (default PNG); "Quality" default 92, range 40–100; files: common image formats (including HEIC, HEIF, AVIF, WEBP, BMP…

图片会被上传到服务器吗?Are my images uploaded?

不会。「像素排序(Pixel Sorting 故障艺术)」使用浏览器 Canvas 在本地处理图片,处理后的文件直接从你的浏览器下载。No. The Sort Pixels in Image (Pixel Sorting Glitch Art) processes images locally with the browser Canvas API and the result downloads straight from your browser.

「像素排序(Pixel Sorting 故障艺术)」免费吗?需要注册吗?Is the Sort Pixels in Image (Pixel Sorting Glitch Art) free? Do I need an account?

「像素排序(Pixel Sorting 故障艺术)」完全免费,无需注册或安装,打开网页即可使用,手机和电脑都能用;输入的内容只在你的浏览器本地处理。The Sort Pixels in Image (Pixel Sorting Glitch Art) is completely free with no sign-up or install and works on phones and desktops; what you enter is processed only in your browser.

相关工具Related tools

🧩 打乱图片像素(随机混淆,可用种子还原)Mix Pixels in Image (Scramble & Unscramble)🧮 查看图片字节(十六进制 Hex 查看器)Print Image Bytes (Hex Viewer)🧱 字节转图片(Hex / Base64 / 原始像素还原图片)Create Image from Bytes (Hex, Base64, Raw Pixels)🔣 图片转 RGB 数值(导出每个像素的颜色值)Convert Image to RGB Values🖌️ RGB 数值转图片(把颜色值画成像素图)Convert RGB Values to Image👾 文字转像素字(像素风文字图片)Convert Text to Pixel Art🟥 颜色可视化(色值列表生成色卡)Visualize Colors (Colour List to Swatches)🌫️ 位图模糊(BMP 高斯模糊 / 方框模糊)Blur a Bitmap (Gaussian & Box Blur)🎨 位图换色(替换 BMP 中的指定颜色)Change Bitmap Colours (Replace a Colour in a BMP)🔁 BGR 位图转 RGB(修正红蓝颠倒的 BMP)Convert BGR Bitmap to RGB Bitmap🌑 位图转灰度(导出 8 位灰度 BMP)Convert Bitmap to Grayscale🖥️ 位图转 VGA 颜色(16 色 / 256 色调色板 BMP)Convert Bitmap to VGA Colours (16 & 256-Colour Palette)

← 全部工具All tools