このツールについて
グレースケール、セピア、色反転、明るさ、コントラスト、彩度、ぼかし、色相回転——このツールは、この8つの調整すべてをブラウザ内でリアルタイムに写真へ適用し、各スライダーを動かすたびにライブプレビューが更新されます。画像はアップロードされません。デコードはローカルで行われ、各フィルターはブラウザ自身のCanvasレンダリングエンジンによって計算されます。これはウェブ上のCSSフィルターを支えているのと同じ技術です。
再描画のたびに前回のプレビューに重ねるのではなく、常に元の画像から新しく描き直すため、スライダーを行ったり来たり動かしても画質が劣化したり丸め誤差が蓄積したりすることはありません。まずはプリセット——白黒、ヴィンテージ、クール、ウォーム——のいずれかを起点にして、その上から個々のスライダーで微調整するか、「すべてリセット」でやり直してください。結果に満足したら、画像本来のフル解像度のままPNGまたはJPEGでダウンロードできます。同じフィルターの組み合わせがもう一度レンダリングされるため、プレビューの表示方法がダウンロードの画質を制限することはありません。
よくある質問
複数のフィルターを同時に適用できますか？
はい。すべてのスライダーは独立しており、リアルタイムですべて組み合わされるため、ライブプレビューに表示される通り、グレースケール、多少のコントラスト強化、わずかなぼかしを同時に有効にすることができます。プリセットボタンは単に便利な出発点の組み合わせであり、後で他を失うことなく個々のスライダーを調整できます。
フィルターはウェブデザインで使われるCSSフィルターとまったく同じに見えますか？
はい、正確に。このツールはブラウザネイティブのCanvas `filter`プロパティを使用しており、これはCSSの`filter`と同じフィルター関数（グレースケール、セピア、明るさなど）を、同じ計算式と同一の値範囲で実装しています。以前にCSSフィルターを使用したことがあれば、ここのスライダーは期待通りに動作します。