使い方
- ファイルを選択を押すか、画像を枠にドロップします。Ctrl+V で貼り付けることもできます。
- 出発点としてプリセットを選ぶか、スライダーを1つずつ動かします。動かすと画像がすぐ更新されます。
- 分割線をずらして、フィルター後の画像と元の画像を比べます。最初からやり直すにはリセットを押します。
- 保存の形式を選び、画像をダウンロードを押して、原寸のまま保存します。
各フィルターの働き
明るさは、すべての色に光を足すか引き、コントラストは明るい部分と暗い部分を広げるか、近づけます。彩度は色の鮮やかさを決め、-100にすると画像はグレーになります。色相は、選んだ度数だけ、すべての色を色相環の上で回転させます。
グレースケール、セピア、反転は、色をグレーに、茶色がかった色調に、または反対の色に寄せます。ぼかしは画像をやわらかくし、シャープは輪郭をくっきりさせ、四隅の暗さは、縁を暗くして目を中央に向けます。
フィルターの順序
色の調整が最初に適用され、その後にぼかし、シャープ、四隅の暗さが適用されます。そのため、ぼかしは、すでに選んだ色をやわらかくします。同じ設定では、どのスライダーを先に動かしても、常に同じ画像になります。
原寸と大きい画像
プレビューは画像の小さなコピーで動くため、速く動きます。保存されるファイルは、画像の原寸から作られます。大きい画像は、バックグラウンドのワーカーでフィルターがかけられ、フィルターの処理が2分を超えると止まります。
例:昔風の写真
家族写真にヴィンテージのプリセットを選びます。セピアを40%加え、コントラストを10下げ、彩度を15下げ、四隅を35%暗くします。分割線をずらして顔を確かめ、画像をダウンロードを押します。
よくある質問
フィルターをかけるとき、写真はアップロードされますか?
いいえ。フィルターの計算はお使いの端末の中でブラウザが行い、保存されるファイルもそこで作られます。ページを読み込んだ後にインターネット接続を切り、画像にフィルターをかけて確かめられます。
保存された画像が、元の画像と同じ大きさなのはなぜですか?
フィルターは画像のすべての画素に働くため、ファイルは元の幅と高さを保ちます。小さくなるのはプレビューだけで、画面に収まるためです。
明るさとコントラストは、どう違いますか?
明るさは、すべての色を同じ量だけ明るくまたは暗くします。コントラストは、明るい部分と暗い部分を、中間のグレーの周りで広げるか近づけるので、細部が見えやすくなったり、見えにくくなったりします。
フィルターを取り消せますか?
はい。リセットを押すと、すべてのスライダーがゼロに戻ります。ツールはダウンロード用の新しいファイルを作るだけなので、パソコンにある元のファイルは決して変わりません。
大きい画像では、なぜぼかしに少し時間がかかるのですか?
ぼかしは、すべての画素に何度も触れます。大きい画像はバックグラウンドのワーカーに渡されるので、ページは反応し続け、処理が終わるとファイルの準備ができます。
PNGとJPEGのどちらで保存すべきですか?
PNGはすべての画素を正確に保つので、図や、後で再び編集する画像に合います。JPEGは写真のファイルを小さくしますが、細部がわずかに失われます。
出典
- MDN(英語): CSS のフィルター関数、明るさ、コントラスト、セピアなどの意味
- W3C(英語): Filter Effects Module Level 1、輝度の重みとセピアの行列
- MDN(英語): Web Workers API、ページの外で処理を行う
数値と文章の最終確認日:2026年11月10日火曜日。