WMW

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

Free

ブラウザ内でライブプレビューを見ながら画像の明るさとコントラストを調整し、結果をダウンロードします。

すべてブラウザ内で動作します。画像がどこかにアップロードされることはありません。

クリックして画像を選択するか、ここにドラッグ&ドロップしてください

コメント (0)

このツールは役に立ちましたか?コメントを残したり、コツを共有したり、改善方法を教えてください。

ゲストのコメントは公開前に確認されます。 ログイン すると即座に投稿できます。

まだコメントはありません。最初にご意見をお寄せください!

このツールの機能

2つのスライダーとライブプレビューで、ブラウザ内で完全に画像の明るさとコントラストを調整し、結果をPNGとしてダウンロードできます。

仕組み

明るさは単純な加算オフセットです:明るさのパーセンテージに2.55を掛けて、すべての赤、緑、青の値に加算されます。コントラストは各色値の中間グレーポイント(128)からの距離をスケーリングします:コントラストのパーセンテージは、0%では1(変化なし)、+100%では直線的に4倍まで上昇し、-100%では直線的に0倍(完全に均一なグレー)まで下降する乗数にマッピングされ、0%でちょうど交わる2つの直線セグメントを使用してスムーズな遷移になります。最終的な各値は(元の値 − 128)× コントラスト乗数 + 128 + 明るさオフセットとして計算され、有効な0〜255の範囲にクランプされます。アルファ(透明度)チャンネルは変更されません。

解決できる問題

よくある質問

明るさとコントラストの違いは何ですか?

明るさは、すべてのピクセルを同じ量だけ上下にシフトさせ、画像全体を均一に明るくまたは暗くします。コントラストは代わりに、中間のグレーポイントを中心にピクセル値を引き伸ばしたり圧縮したりして、暗い領域をより暗く、明るい領域をより明るく(またはその逆)しますが、全体の平均的な明るさは必ずしも変わりません。

なぜ極端なマイナスコントラストは画像を均一なグレーに変えてしまうのですか?

-100%のコントラストでは、コントラスト調整が各ピクセルとその中間点との距離をゼロまで縮小するため、元の値に関わらずすべてのピクセルが中間のグレー値(128)まで引き寄せられます。これはその極端な状態での予想される、数学的に正しい動作であり、バグではありません。

なぜ明るさやコントラストを高くすると画像が「白飛び」したり「色あせ」たりすることがあるのですか?

各ピクセルチャンネルは有効な0〜255の範囲に制限されています。明るさやコントラストを上げすぎると、多くのピクセルがその上限(または下限)に達して純粋な白または黒に切り詰められ、そのため非常に強い調整では画像の広い範囲がディテールを失い平坦に見えることがあります。

これは画像の透明度(アルファチャンネル)に影響しますか?

いいえ。調整されるのは赤、緑、青の色チャンネルのみで、透明度は完全に手つかずのままです。そのため、透明な部分を持つPNGは明るさとコントラストを調整した後も透明度が保たれます。

写真はどこかにアップロードされますか?

いいえ。すべてHTML canvas APIを使用してブラウザ内でローカルに行われます。あなたの画像はサーバーに送信されることはなく、これはページが読み込まれた後はオフラインでも動作することも意味します。

関連ツール