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

露出不足のスマホ写真も、のっぺりしたスキャナー出力も、スライダーを少し動かすだけで改善できます。このエディタは明るさ、コントラスト、彩度をライブプレビューで調整でき、処理はすべてブラウザ内で行われるため、重い画像編集ソフトを立ち上げ直すことなく、調整後の画像をPNGで書き出せます。

明るさとコントラストの調整方法

  1. 1

    画像をアップロードする

    JPG、PNG、WebP、GIF、BMP、SVG、AVIF、最大30MB。

  2. 2

    明るさスライダーを動かす

    −100から+100まで。マイナスで画像全体が暗くなり、プラスで均一に明るくなります。

  3. 3

    コントラストスライダーを動かす

    マイナスで中間グレーに向かって平坦になり、プラスで階調の幅が広がります。

  4. 4

    必要に応じて彩度を調整する

    0から200%まで。100%で元の色を保ち、高くするほど色が鮮やかになります。

  5. 5

    書き出す

    調整後の画像をPNGでダウンロードします。元の画像はそのまま残ります。

調整のしくみ

3つのスライダーで、よくある露出の補正をカバーできます。明るさはすべてのピクセルに一定の値を加算または減算し、階調全体を上下に動かします。コントラストは中間グレーを中心に階調の広がりを引き伸ばしたり圧縮したりするため、のっぺりした画像も全体が明るくなったり暗くなったりせずに深みが出ます。彩度は色の鮮やかさをコントロールし、完全なグレーから彩度オーバーまで調整できます。

各スライダーの効果

スライダー 範囲 効果
明るさ −100〜+100 すべてのピクセルに一定の値を加算または減算する
コントラスト −100〜+100 中間グレーを中心に階調の幅を引き伸ばすか圧縮する
彩度 0〜200% 色の鮮やかさを調整する。100%で元の色を保つ

結果の生成について

調整はブラウザ内のHTMLキャンバス上のピクセルに直接適用され、スライダーを動かすたびにプレビューが即座に更新されます。書き出したPNGは画面に表示されたとおりの見た目で、元の画像と同じピクセル寸法を保ちます。画像がサーバーに送信されることはありません。

ヒント

  • まずコントラストから試しましょう。のっぺりした画像は暗いのではなく、たいていコントラスト不足です。
  • スライダーを大きく動かしたときに完全に白や黒になる部分に注意しましょう。±50を超えるとハイライトが白飛びしたりシャドウが黒つぶれしたりし、その部分は書き出し後も復元できません。
  • このスライダーで対応しきれないほど画像を補正する必要があるなら、撮り直すか、しっかりしたRAW現像ソフトを使うほうが賢明です。

よくある質問

明るさはすべてのピクセルに一定の値を加算または減算し、階調全体を上下に動かします。コントラストは各ピクセルの中間グレーからの距離を掛けたり割ったりして、階調の幅を引き伸ばしたり圧縮したりします。コントラストを変えても平均的な明るさは変わりませんが、明るさを変えると変わります。

大きく動かすと(例えば明るさ+80)、ハイライトが真っ白にクリップされ、雲などのディテールが失われます。プレビューで完全に白や黒になった部分がないか確認し、あればスライダーを戻しましょう。クリップされた部分は、書き出したPNGでも失われたままです。

いいえ。エディタはブラウザ内のHTMLキャンバスで画像を処理します。サーバーに送信されるものは何もなく、元のファイルはお使いのデバイスに残ります。

調整後の画像は、元の画像と同じピクセル寸法のPNGとしてダウンロードされます。エディタはJPG、PNG、WebP、GIF、BMP、SVG、AVIF形式のファイルを最大30MBまで受け付けます。

関連ツール

このツールは他の言語でも利用できます