作者 Hugo////6 分鐘

精通像素排序：完整故障藝術創作指南

學習如何利用 Yan 的像素排序（Pixel Sort）特性創作震撼的故障藝術。涵蓋底層演算法機制、門檻值調優技巧與多重濾鏡工作流。

#tutorial#pixel-sort

> 一句話結論

像素排序依據亮度門檻值對每一行或每一列中的連續像素區間進行重新排列——滿足條件的區域熔毀拉伸為長條流體拉絲，未命中區域則保持原始銳利度。你可以直接在瀏覽器中使用免費的線上像素排序工具執行該演算法，也可以在 Yan 行動端使用 GPU 即時處理。0–30% 門檻值生成微妙的暗部拉絲，30–70% 適合絕大多數攝影作品，70–100% 則製造重度資料崩解失真。高對比度畫面能呈現最富張力的視覺衝擊。

什麼是像素排序？

像素排序根據像素的亮度或色彩數值，對其在空間網格中的位置進行重新編排。演算法依次掃描影像的每一行（或每一列），尋找到亮度滿足門檻區間的連續像素段，並將它們按特定順序排列。最終產生的視覺張力：整張圖片彷彿正在發生數位液化與熔毀。

你可以立即在瀏覽器中使用我們免費的線上像素排序工具體驗這一演算法。

像素排序演算法原理圖

像素排序演算法的底層工作機制

核心排序算子透過三個嚴格的時序階段處理影像底層資料：

  1. 明度與對比度估算：每個像素根據預設的對比度曲線被換算為加權明度值，用於判定是否具有被排序的資格。
  2. 連續區間（Run）切分：掃描指標沿水平行或垂直列逐像素推進，切分出明度跨越門檻標準的連續像素序列。
  3. 原位（In-place）重排與寫回：符合條件的連續區間按「由暗到亮」完成排序，並就地寫回 Canvas 像素緩衝區。為了保留被攝物體的辨識度輪廓，排序區間通常會被硬性截斷在整行長度的 45% 以內，防止整幅攝影作品徹底瓦解為單調的線性平滑漸變。

快速上手

  1. 在 Yan App 中匯入圖片，或直接打開線上像素排序網頁工具
  2. 選定方向：在 App 中進入 Effects > Pixel Sort；在網頁版工具中，已預設預選水平（Pixel Sort）與垂直（Pixel Sort V）濾鏡供自由切換
  3. 選定排序方向（水平或垂直）
  4. 調節門檻值（在網頁端透過 Detail 滑桿調節）以控制參與排序的像素範圍

門檻值對照表

在行動端 App 中，門檻值定義了觸發重排的亮度臨界點（註：在網頁版工具中，Detail 滑桿以反向邏輯控制排序覆蓋範圍，較低的細節值對應更窄的高光條紋）：

App 門檻值範圍排序生效區域視覺呈現
0–30%僅最暗的像素參與排序微妙、克制的暗部流體拉絲
30–70%中間調與暗部像素均衡自然，契合絕大部分攝影作品
70–100%幾乎所有像素都被捲入劇烈的數位解構與重度撕裂

進階技巧

圖層複合。 先進行像素排序完成結構解構，再在頂層疊加 CRT 掃描線或 RGB 色差（RGB Shift）。

善用高對比度原圖。 劇烈的明暗割裂能為演算法提供鋒利的剪切邊緣，輸出成果遠比平光照片更具戲劇感。

方向即情緒。 垂直排序呈現暴雨傾盆、油彩融化流淌的哀傷或重力感；水平排序呈現狂風掠過、光速穿梭的動態。

在瀏覽器中先行打樣。 在進入複雜的手機端多重濾鏡管線之前，先用網頁端線上像素排序工具快速摸清該畫面的最佳門檻區間。

絕佳題材推薦

  • 人物肖像：髮絲化作潑墨般流淌的黑色液體。
  • 城市天際線：摩天大樓的剛性幾何輪廓與暮色天空相互滲透溶解。
  • 林木枝葉：樹冠的有機碎影化作飛流直下的瀑布級聯。

去破壞，去重構

把門檻值拉滿。看看會發生什麼。

> 常見問題

什麼是像素排序（Pixel Sorting）？
像素排序是一種基於演算法的故障藝術（Glitch Art）技術。它遍歷影像的行或列，識別出超過特定亮度門檻值的連續像素區間（Runs），並按亮度對這組像素重新排序，同時保持其餘像素不變。被拉伸的線性流體條紋與銳利的原始影像細節形成劇烈反差，創造出獨特的數位液化與熔毀美感。
像素排序演算法的具體執行邏輯是怎樣的？
該演算法分為三個連續步驟：第一步，根據對比度曲線將像素色彩轉換為對應明度值以計算排序資格；第二步，沿行或列方向進行線性掃描，切分出亮度滿足門檻標準的連續像素段；第三步，將各區間內的像素按由暗至亮原位排序並寫回 Canvas 像素緩衝區。對連續排序區間長度施加約束（如不超過總行長的 45%），能防止整個畫面坍縮為平坦的單調漸變，保留被攝主體的輪廓。
初學者進行像素排序有哪些黃金技巧？
優先選用明暗反差強烈的圖片，以便門檻值在清晰主體與熔毀流體之間劃出俐落的分界線；在肖像中優先排序髮絲，在城市風光中優先排序天際線；採用多圖層工作流程：先進行像素排序，再疊加 CRT 掃描線或 RGB 色差（RGB Shift）；水平排序呈現迎風呼嘯的速度感，垂直排序則呈現暴雨傾盆或油彩滴落的垂墜感。
像素排序的門檻值（Threshold）究竟控制著什麼？
門檻值是決定哪些像素會被納入排序重排的觸發標準。在 0–30% 區間，僅有最深沉的暗部像素參與排序，產生克制微妙的暗斑拉絲；在 30–70% 區間，屬於覆蓋中間調與陰影的中庸範圍，適合大多數常規照片；在 70–100% 區間，幾乎全圖像素都被捲入排序，帶來極度劇烈的數位崩解。
應該選擇水平方向還是垂直方向進行排序？
方向改變的是畫面的視覺隱喻，而非底層數學。垂直排序在視覺心理上被解讀為雨滴傾瀉、融化流淌或淚痕；水平排序則被解讀為強風橫掃、極速飛馳或瞬時故障。選擇與你希望畫面喚起的情緒動勢相匹配的方向。
哪些攝影題材最適合做像素排序？
具有極強明暗分界的題材最為理想。肖像攝影能讓髮絲瞬間液化流淌；城市建築攝影能讓摩天大樓的剛性幾何輪廓與暮色天空相互滲透溶解；樹木枝葉與植物攝影則能呈現飛瀑般的級聯下墜。平淡泛白、光線均勻的陰天照片由於缺乏明度跨度，門檻值很難抓出有趣的破裂邊界。
無需安裝 Yan，可以在瀏覽器中直接進行像素排序嗎？
可以。你可以直接使用瀏覽器打開免費的線上像素排序工具。它基於 Canvas 2D 在客戶端完全離線計算，不傳輸任何圖片，支援水平與垂直方向亮度排序及自由門檻值微調，支援匯出長邊最高 1400px 的無失真 PNG。Yan 行動端 App 則額外提供 19 款觀景窗即時相機濾鏡，而網頁版則免安裝提供 30 款質感濾鏡供自由創作。