メインコンテンツへスキップ
Toolars
探索
バグを報告

画像 · ローカルユーティリティ

画像フィルター

Image Filters

明るさ・コントラスト・彩度・グレースケール・セピア・ぼかしを 6 つのスライダーで調整し、元サイズの PNG でダウンロード。

タスクの道筋 / 入力から結果へ

画像を選択する

ローカルで実行 · アップロードなし

画像フィルターの使い方、プライバシー、関連ツール

タスクの道筋 / 入力から結果へ

画像にフィルターを適用する方法

  1. 01

    画像を選択する

    「ファイルを選択」を選び、12 MiB までの PNG、JPEG、WebP を開きます。片側 8,192 ピクセル、合計 24,000,000 ピクセルまでです。ファイルはローカルで検証・デコードされ、アップロードはされません。

  2. 02

    6 つのスライダーを調整する

    「明るさ」と「コントラスト」は 0〜200%、「彩度」は 0〜300%、「グレースケール」と「セピア」は 0〜100%、「ぼかし」は 0〜32 px の範囲です。最初の 3 つは 100% で画像が変わりません。

  3. 03

    フィルターを適用する

    「フィルターを適用」を押します。選んだ効果はローカルの Canvas に描画され、新しい PNG として符号化されます。編集可能なフィルター一覧としては保存されません。Canvas の filter プロパティはファイルを開いた後、この操作時に確認されます。存在しなければエラーとなり、書き出しません。ブラウザによって描画が異なる場合があるため、結果を確認してください。

  4. 04

    PNG をダウンロードする

    結果パネルから新しく符号化された PNG をダウンロードします。デコード後の画像と同じ寸法ですが、形式、ファイルのバイト列、メタデータは入力と異なる場合があります。使用先が PNG を受け付けるか確認してください。スライダーを動かすと前の結果は消えるので、再適用してから保存します。

ツールの概要

処理
ブラウザー内で完結
入力の外部送信
なし
保存
一切保存しません
価格
無料

入力はブラウザに留まります。

画像フィルター は検証済みのローカル実行パスを使用し、隠れた入力・出力履歴を作成しません。

ローカル実行

現在のブラウザタブ内で実行されます。

隠れた処理なし

使用中のツールデータが Toolars のドキュメントレコードになることはありません。

アカウント不要

プロフィールを作成せずにコアワークフローを使えます。お気に入りはログイン後にアカウントへ同期されます。

即時リセット

タブを閉じれば、作業中のデータは消えます。

画像フィルター が実際に行うこと

出品写真の明るさを少し上げたい、ブログのヘッダー用にセピア版が欲しい、背景プレートを数ピクセルのぼかしで柔らかくしたい。こうした小さなトーン調整には、たいてい重いエディターを開く必要がありました。画像フィルターは調整チェーンをブラウザタブ内で直接レンダリングします。写真がデバイスを離れないので、見知らぬウェブアプリには渡したくない写真にもそのまま使えます。

よくある質問

スライダーの範囲は?
明るさとコントラストは 0〜200%、彩度は 0〜300%、グレースケールとセピアは 0〜100%、ぼかしは 0〜32 px(0.5 px 刻み)です。操作部は範囲内に制限され、実行部に不正な値が渡された場合は黙って丸めず拒否します。
画像が変わらない値はどれですか?
明るさ、コントラスト、彩度は 100%、グレースケール、セピア、ぼかしは 0 が中立です。中立とは意図的な見た目の変更がないという意味で、元ファイルとバイト単位で同一という意味ではありません。画像はデコードされ、新しい PNG に再符号化されます。グレースケールとセピアは重ねられます。
複数のフィルターを一度に組み合わせられますか?
はい。それがスライダー群の狙いです。すべてのスライダーが 1 つのフィルターチェーンに寄与し、「フィルターを適用」で 1 パスですべてがピクセルにレンダリングされます。そのため、明るくして彩度を落とし、少しぼかした結果も、単一の調整と同じ 1 クリックで済みます。
フィルターは書き出しファイルに焼き込まれますか?
はい。デコード後の画像を出力用 Canvas に描くときにフィルターを適用します。PNG にはデコード後と同じ寸法の描画ピクセルが入り、再利用できる編集履歴は入りません。元ファイルは別に残りますが、そのメタデータやバイト列が新しいファイルにも残るとは限りません。
Canvas フィルターに関するエラーは何を意味しますか?
画像を開いた後、「フィルターを適用」を押すと Canvas 2D の filter プロパティを確認します。なければブラウザ非対応のエラーを出し、書き出しません。プロパティがあってもブラウザ間で同じ描画になる保証はありません。ダウンロードした PNG を確認してください。
写真はどこかにアップロードされますか?
いいえ。デコード、フィルター、PNG エンコードはすべて現在のブラウザタブ内で実行され、アカウントは不要です。ワークスペースをリセットまたは閉じると、画像と書き出しは破棄されます。

画像スタジオを続ける

行き止まりではなく、関連タスクへ。

完全な索引に戻らずに、別のフォーカスされたワークスペースへ移動できます。

画像トリミング

Image Cropper

PNG・JPEG・WebP を正確なピクセル座標で、自由または固定のアスペクト比付きで切り抜き、PNG・JPEG・WebP として書き出す。

編集

画像リサイズ

Image Resizer

画像をアスペクト比ロック付きの正確なピクセル寸法にリサイズ。1 枚ずつ、または最大 12 枚のバッチを ZIP でダウンロード。

編集

画像の平均色を抽出

Image Average Color Finder

画像の平均色を alpha 加重で測定し HEX・rgb()・rgba() でコピー。透明ピクセルは平均に混ざらず無視される。

確認

画像カラー抽出

Image Color Extractor

画像から最大 12 個の RGB 色グループを抽出し、可視分析サンプルのアルファ加重比率順に表示。HEX のコピーや JSON のダウンロードができます。

確認