<テクスチャスタジオ

ピクセルソート オンライン

[ 3 KERNELS // CANVAS 2D ]

しきい値ベースの輝度ソートを、あなたの端末の中だけで実行します。

← → ← → キーでフィルター切替// 全処理はブラウザ内で完結・データ送信なし

ピクセルソートは、1 行(または 1 列)の中のピクセルを輝度順に並べ替える処理です。ただし並べ替えるのは、しきい値を超えたピクセルだけ。しきい値より暗い部分はそのまま残ります。伸びた色の帯と、そのすぐ隣に残る鋭いピクセルとのコントラストこそが効果の本体で、行全体をソートしてしまうと単なるグラデーションになります。

このツールは 3 段階で処理します。まず各ピクセルを輝度値に変換し、その際にコントラスト設定を適用します。つまりコントラストのスライダーは「どのピクセルが対象になるか」を決めています。次に各行を走査し、しきい値を超えた連続区間を収集します。区間ごとに暗い順から明るい順へ並べ替えて元の位置に書き戻します。区間の長さは行長の 45% を上限としています。上限を設けないと、写真が一本の帯に潰れて情報が失われるためです。

スライダー制御する対象実用域
Detailしきい値そのもの20–40 で細い筋、60–80 で強い溶け
Intensity元画像とのブレンド率100 で純粋なソート、50–70 で被写体を残す
Contrast判定前の輝度カーブ平坦で均一な光の写真では上げる

方向はスライダーではなく別フィルターとして用意しています。Pixel Sort は行方向で、風やスピードとして読めます。Pixel Sort V は列方向で、雨や滴る絵の具、溶けていく質感として読めます。CRT スキャンライン も同じページで使えます。重ねると相性が良く、先にソートしてからスキャンラインを画面のように上に乗せる使い方ができます。

すべての処理はブラウザ内の Canvas 2D バッファで完結します。画像がアップロードされることはなく、書き出す PNG はドロップした解像度のまま(長辺 1400px まで)です。

> よくある質問

ピクセルソートとは何ですか?
ピクセルソートは、画像の各行または各列の中のピクセルを輝度順に並べ替える処理です。並べ替えるのはしきい値を超えた領域だけで、ソートされた区間は長い色の帯になり、触れられなかった領域は鋭いまま残ります。デジタルグリッチアートを代表する技法です。
このピクセルソートツールは無料ですか?
無料です。アカウント登録も不要で、ウォーターマークも入りません。ブラウザ内だけで動作し、フル解像度の PNG を書き出せます。
写真はどこかにアップロードされますか?
されません。処理はあなたのブラウザ内の Canvas 2D バッファで行われるため、ファイルが端末から出ることはなく、サーバーには何も保存されません。
しきい値は何を変えるのですか?
しきい値は、どのピクセルがソートの対象になるかを決めます。Detail を低くすると最も明るいピクセルだけが通過して細い筋になり、高くすると画面の大部分が通過して長い区間が溶け合います。
縦方向のソートはできますか?
できます。Pixel Sort V フィルターを選ぶと列方向にソートします。縦は雨や滴る絵の具のように、横は風やモーションブラーのように読めます。

画像はブラウザ内で処理され、アップロードされません。サイトは匿名の利用統計(ページビュー、選択したフィルター、ファイルサイズ)のみを保持し、ピクセルデータは含みません。