ImageFlattener

画像をドロップまたはクリックして選択

Ctrl+V ペースト PNG / JPG / WebP
処理後
100%
処理中...

パラメータ

1
64
50
処理前 -
処理後 -
削減率 -

カスタム集約ルール

ルールがありません
+ボタンでルールを追加し、線を描いて色を登録
線描画モード: 2点をクリック

個別集約ルール

ルールがありません
+ボタンでルールを追加
色取得モード: 画像をクリック

色分布

操作説明

📁 画像の読み込み

以下の3つの方法で画像を読み込めます：

  • ドラッグ&ドロップ：画像ファイルを画面中央のエリアにドロップ
  • クリック選択：画面中央のエリアをクリックしてファイルを選択
  • クリップボードから貼り付け：Ctrl+V（Mac: ⌘+V）

対応形式：PNG / JPG / WebP

🎛️ 基本パラメータ

ノイズ除去強度（0〜10）

画像のノイズを除去する強度を調整します。値が大きいほど滑らかになりますが、細部がぼやける場合があります。

色数（4〜128）

出力画像の色数を指定します。似た色同士を自動的にグループ化して代表色にまとめます。

スクリーンショット: パラメータ設定

▶️ 処理の実行

「処理を実行」ボタンをクリックすると、設定したパラメータで画像処理が開始されます。

処理完了後、比較スライダーで処理前後の画像を比較できます。

💾
ダウンロード

処理後の画像をPNG形式でダウンロード

📋
クリップボードにコピー

処理後の画像をクリップボードにコピー

🗑️
リセット

読み込んだ画像とすべての設定をリセット

🔍 比較表示・ズーム

比較スライダー

処理後、画像上に表示されるスライダーをドラッグして処理前後を比較できます。

ズーム機能

画面右下のズームコントロールまたは以下のショートカットで操作：

  • + / マウスホイール上：拡大
  • - / マウスホイール下：縮小
  • 0：ズームリセット
  • ドラッグ：画像をパン（移動）
背景色変更

比較ビュー左下のカラーピッカーで背景色を変更できます。透過画像の確認に便利です。

スクリーンショット: 比較表示

🎨 カスタム集約ルール

色のグループ化処理時に、特定の色を必ず残すよう指定できます。

  1. +ボタンをクリックして新しいルールを追加
  2. 線アイコンをクリックして線描画モードを開始
  3. 画像上で2点をクリックして線を引く
  4. 線上の色がルールに自動登録されます

登録した色は処理後も必ず残り、周囲の似た色がその色にまとめられます。

スクリーンショット: カスタム集約ルール

🔗 個別集約ルール

処理後に特定の色を別の色に置き換えるルールを設定できます。

  1. +ボタンをクリックして新しいルールを追加
  2. 「置換元」のスポイトアイコンをクリック
  3. 処理後の画像から置き換えたい色をクリックして選択
  4. 「置換先」のカラーをクリックして目的の色を選択
確認モード

「確認」トグルをONにすると、集約後の色が鮮やかな色でプレビューされ、どの色が同じグループになるか確認できます。

スクリーンショット: 個別集約ルール

⌨️ キーボードショートカット

Ctrl+V クリップボードから画像を貼り付け
Esc モード解除 / メニューを閉じる
+ ズームイン
- ズームアウト
0 ズームリセット