画像明るさ

画像の明るさとは

画像の明るさは、写真全体がどれだけ明るくまたは暗く見えるかを表します。技術的には、明るさ調整はすべてのピクセルの赤・緑・青の値を同じ係数でスケーリングします。1 より大きい値を乗じると画像が明るくなり、1 より小さい値を乗じると暗くなります。コントラストとは異なり、明るさはすべてのトーンを一様に上下させ、明暗領域間の相対距離を変えません。明るさ調整は写真編集で最も基本的かつ頻繁に使われる操作の一つで、暗すぎたり明るすぎたりした写真に最初に適用される修正です。

明るさは写真の露出と密接に関連します。露出不足の写真は暗くシャドウの細部が乏しく、露出オーバーの写真は白飛びしてハイライトの細部が失われます。明るさ調整は双方を補正できますが、撮影時に純黒や純白にクリップされた細部は復元できません。本ツールはブラウザ内の Canvas フィルタ API を通じて明るさ変更を完全に適用するため、写真はローカルで処理され、サーバーにアップロードされることはありません。

明るさフィルタの仕組み

本ツールはブラウザ内蔵の ctx.filter = "brightness(N%)" プロパティを使用し、すべてのカラーチャンネルを一様にスケーリングします。値 100% では画像は変更されず、これがスライダーの中性出発点です。100% 未満の値は画像を暗くし（50% では明らかに暗く、0% では純黒）、100% を超える値は明るくします（150% では明確に明るく、200% では非常に明るくなります）。操作はブラウザの最適化されたレンダリングエンジンで行われるため、大きな画像でも実質的に瞬時に完了します。

明るさスライダーは結果の明暗を直感的かつ直接的に制御します。わずかに露出不足の写真には 115〜130% 程度が自然な見た目を復元し、露出オーバーの写真には 70〜85% 程度で深みを取り戻せます。極端な値（0% や 200% 付近）は特殊効果、シルエット、またはハイキー／ローキーの鮮明なスタイル作りに役立ちます。出力は選択に応じて PNG、JPG、WebP に再エンコードされます。

明るさの値と効果

明るさスライダーはすべてのピクセルを同じ係数でスケーリングするため、効果は予測しやすいです。下表は各値の範囲が画像に与える効果を示します：

値	効果	典型的な用途
0%	純黒	シルエットの土台、完全な暗化
25〜50%	大幅に暗化	ローキーな雰囲気、夜景調
70〜90%	穏やかに暗化	露出オーバー写真の修正
100%	変更なし——元画像	中性／リセット
110〜130%	穏やかに明化	露出不足写真の修正
150〜170%	大幅に明化	ハイキー調、柔らかな発光
200%	最大明るさ	褪色効果、ホワイトアウト

100% から始め、画像が適切に見えるまで小刻みにスライダーを動かしてください。変化が一様なため、通常は数回の試行で理想値が見つかります。

画像の明るさを調整する場面

画像全体が一様に暗すぎたり明るすぎたりする場合、明るさ調整が適切です。よくある場面は以下の通りです：

• 露出不足写真の修正。低光や露出不足で撮影された写真を明るくし、シャドウの細部を引き出します。
• 露出オーバー写真の修正。白飛びした写真を暗くし、より自然なトーンバランスを復元します。
• 雰囲気作り。低い明るさはムーディーでドラマチックなローキー調を、高い明るさは柔らかく軽やかなハイキー調を生みます。
• 印刷向け画像準備。印刷物は画面より暗く見える傾向があるため、わずかな明るさブーストで補正します。
• スキャンの正規化。古いスキャンや文書は暗すぎたり明るすぎたりすることが多く、明るさ調整で読める状態に戻せます。
• デザインの一貫性。複数画像の明るさを揃え、レイアウトやギャラリーで自然に並ぶようにします。

写真全体の明暗が崩れているとき、明るさ調整1回で通常は最速でバランスを取り戻せます。

画像の明るさを調整する方法

本ツールでの明るさ調整は数秒で完了し、すべてブラウザ内で行われます——アップロード不要、登録不要、透かしなし。ツールは画像をローカルでデコードし、Canvas API で明るさフィルタを適用し、必要な形式で出力できます。以下の手順で進めてください：

1. 画像をアップロード。アップロードエリアをクリックするか、JPG、PNG、WebP、GIF、BMP ファイルをドラッグ＆ドロップします。画像は即座にデコードされプレビュー表示されます。
2. 明るさを設定。0%〜200% のスライダーを使います。100% が元画像で、未満で暗く、超過で明るくなります。
3. 出力形式を選択。PNG で無劣化、JPG でより小さな写真、WebP でサイズと品質のバランスを選べます。
4. 「明るさを適用」をクリック。ツールが画像を処理し、元と調整後のサイズを並べて表示します。
5. 明るさ画像をダウンロード。「明るさ画像をダウンロード」をクリックして結果を保存します。元のファイルは変更されません。

すべてのステップは JavaScript でブラウザ内で実行されるため、画像がサーバーにアップロードされることはありません。これにより、明るさツールは完全にプライベートで高速、機密画像の処理にも適しています。