画像エフェクト＆フィルター

画像エフェクト＆フィルターツールは、ソフトウェアのインストールや サーバーへのファイルアップロードなしで、JPEG、PNG、WebP画像に 視覚エフェクトを適用できる無料のブラウザベースユーティリティです。 デザインモックアップ用のグレースケール変換、ヴィンテージ風の セピアトーン、SNS用のドラマチックなコントラスト強調など、 数秒で処理できます。

内部的には、HTML5 Canvas APIとctx.filterプロパティを活用 しており、標準的なCSS filterの文字列を受け付けます。画像を アップロードすると、FileReader APIでメモリに読み込まれ、 オフスクリーンの<canvas>に描画されます。各エフェクトの サムネイルは、対応するCSS filterを適用して画像を小さなサイズ （120 x 120ピクセル）でレンダリングして生成されます。 エフェクトを選択すると、フル解像度の画像がそのフィルターで 再レンダリングされ、高品質なプレビューが生成されます。 ダウンロード機能は、フィルター適用済みのcanvasを元の形式の blobとしてエクスポートし、フル解像度を維持します。

10種類のエフェクトはすべて非破壊的です。元の画像はメモリに 保持され、一切変更されません。ダウンロード前にサムネイルグリッドで 自由にエフェクトを切り替えて比較できます。利用可能なエフェクトには、 Grayscale、Sepia、Invert、Blur（3pxガウシアン）、High Contrast、 Warm、Cool、Vintage、Dramaticがあり、それぞれgrayscale()、 sepia()、contrast()、saturate()、brightness()、 hue-rotate()などのCSS filter関数を組み合わせています。

すべての処理が完全にクライアントサイドで行われるため、画像が サーバーにアップロードされることはありません。ネットワーク リクエスト、ストレージ、サードパーティサービスの利用は一切 ありません。機密画像やプロプライエタリな画像にも安全に使用 できます。ページ読み込み後はオフラインでも動作します。

より高度な調整には、Image Brightness & Contrast ツールで明るさとコントラストを微調整したり、 Image Color Pickerで画像から 特定の色を抽出したりできます。結果をリサイズまたは圧縮する 場合は、Image Compressorとの 組み合わせが最適です。

1. アップロードゾーンに画像をドラッグ＆ドロップするか、クリックしてファイルを選択します。JPEG、PNG、WebP（最大50MB）に対応しています。
2. 画像が読み込まれると、各フィルターを適用した小さなプレビューを示すエフェクトサムネイルのグリッドが表示されます。
3. サムネイルをクリックしてエフェクトを選択します。選択されたエフェクトはボーダーでハイライトされ、グリッド下にフルサイズプレビューが表示されます。
4. 異なるサムネイルをクリックしてエフェクトを比較します。プレビューは即座に更新されます。元の画像はメモリに保持されます。
5. 見た目に満足したら、Download をクリックして選択したエフェクトをフル解像度で適用した画像を保存します。
6. Copy Effect Name（または Ctrl+Shift+C）で現在のエフェクト名をクリップボードにコピーします。
7. Reset をクリックして現在の画像をクリアし、新しいファイルで最初からやり直します。