画像の明るさ・コントラスト調整

画像の明るさ・コントラスト調整ツールは、ソフトウェアの インストールなしでJPEG、PNG、WebP画像の明るさ、コントラスト、 彩度を調整できる無料のブラウザベースエディタです。暗い写真を 明るくしたり、読みやすさのためにコントラストを上げたり、 落ち着いた雰囲気のために彩度を下げたりする作業を、ライブ プレビュー付きで即座に処理できます。

すべての処理はHTML5 Canvas APIとCSSフィルター関数を使用して デバイス上で完全に行われます。画像をアップロードすると、 FileReader APIでメモリに読み込まれ、<canvas>要素に 描画されます。調整スライダーはctx.filterプロパティを制御し、 brightness(120%) contrast(110%) saturate(90%)のようなCSS フィルター文字列を画像描画前に適用します。これにより、調整は ブラウザのレンダリングエンジンで計算され、ピクセルがデバイスの 外に出ることはありません。

ワークフロー全体がクライアントサイドで行われるため、画像が サーバーにアップロードされることはありません。ネットワーク リクエスト、Cookie、サードパーティサービスの利用は一切ありません。 個人写真、スキャンドキュメント、独自のデザインファイルなどの 機密画像にも安全に使用できます。ページ読み込み後はオフラインでも 動作します。

サイドバイサイドのレイアウトで、オリジナル画像と調整後の バージョンをリアルタイムで比較できます。スライダーを動かすと Canvasが即座に再描画されるため、確定前に各変更の効果を確認 できます。満足したらDownloadをクリックして、元の形式で フル解像度の調整済み画像をエクスポートします。

グレースケール、セピア、ぼかし、反転などのより高度なエフェクト には、Image Effects & Filtersツールを お試しください。調整後にファイルサイズを削減する必要がある場合は、 Image Compressorが出力の最適化に 役立ちます。調整済み画像から正確な色の値を取得するには、 Image Color Pickerも利用できます。

1. アップロードゾーンに画像をドラッグ＆ドロップするか、クリックしてファイルを選択します。JPEG、PNG、WebPに対応しています（最大50 MB）。
2. 左側にオリジナル画像、右側に調整プレビューが表示されます。どちらもリアルタイムで更新されます。
3. Brightness スライダー（0〜200%）を動かして画像を明るくまたは暗くします。100%がオリジナルの値です。
4. Contrast スライダー（0〜200%）を動かして明暗の差を増減します。100%がオリジナルの値です。
5. Saturation スライダー（0〜200%）を動かして色の強度を増減します。0%でグレースケール画像になり、200%で彩度が2倍になります。
6. Reset Adjustments をクリックすると、画像を削除せずに3つのスライダーすべてをデフォルトの100%に戻します。
7. Download をクリックして、フル解像度の調整済み画像を保存します。出力はオリジナルファイルと同じ形式です。Ctrl+Shift+Cで現在の調整値をクリップボードにコピーできます。