画像の明るさとコントラスト
元画像: x
露出不足のスマホ写真も、のっぺりしたスキャナー出力も、スライダーを少し動かすだけで改善できます。このエディタは明るさ、コントラスト、彩度をライブプレビューで調整でき、処理はすべてブラウザ内で行われるため、重い画像編集ソフトを立ち上げ直すことなく、調整後の画像をPNGで書き出せます。
明るさとコントラストの調整方法
-
1
画像をアップロードする
JPG、PNG、WebP、GIF、BMP、SVG、AVIF、最大30MB。
-
2
明るさスライダーを動かす
−100から+100まで。マイナスで画像全体が暗くなり、プラスで均一に明るくなります。
-
3
コントラストスライダーを動かす
マイナスで中間グレーに向かって平坦になり、プラスで階調の幅が広がります。
-
4
必要に応じて彩度を調整する
0から200%まで。100%で元の色を保ち、高くするほど色が鮮やかになります。
-
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まで受け付けます。
関連ツール
マテリアルデザイン カラーピッカー
Material Designのカラーパレットを閲覧できます。任意の色調(50からA700)を1タップでHEX、RGB、HSL形式でコピーできます。
画像アップスケーラー
AI超解像または従来の補間処理で、低解像度画像を2×、3×、4×に拡大しながら重要なディテールを保ちます。
新聞メーカー
自分で書いた見出しと記事から新聞風の一面を作り、コピー、プレーンテキストのダウンロード、ブラウザ印刷ができます。
ARW から JPG への変換ツール
Sony の ARW RAW 写真を JPG に変換します。Lightroom を開かなくても、カメラの RAW ファイルから共有しやすく汎用的に扱える JPEG を作成できます。
Base64から画像への変換ツール
PNG、JPEG、GIF、WebP、AVIF、SVG画像のBase64データをブラウザー内でデコード。ラスター画像をプレビューし、元のバイトをダウンロードできます。
ビジョンボードメーカー
目標をひとつのボードに視覚化:画像をアップロードし、オリジナルのタイトルとキャプションを添え、色とレイアウトを選べば、印刷用のPNGとしてダウンロードできます。入力した内容はすべてブラウザの中だけにとどまります。
このツールは他の言語でも利用できます
- Độ sáng và độ tương phản của hình ảnh [VI]
- Luminosité et contraste de l'image [FR]
- Kecerahan dan Kontras Gambar [ID]
- سطوع الصورة والتباين [AR]
- 이미지 밝기와 대비 [KO]
- Bildhelligkeit und -kontrast [DE]
- Bildens ljusstyrka och kontrast [SV]
- Brillo y Contraste de Imagen [ES]
- Helderheid en contrast van afbeelding [NL]
- ความสว่างและคอนทราสต์ของภาพ [TH]
- Jasność i kontrast obrazu [PL]
- Brilho e Contraste da Imagem [PT]
- Image Brightness and Contrast [EN]
- Luminosità e Contrasto dell'Immagine [IT]
- Яркость и контраст изображения [RU]
- Görüntü Parlaklığı ve Kontrastı [TR]
- 图像亮度与对比度 [ZH]