画像調整ツール

画像調整 比較

一枚の写真を開き、明るさ、コントラスト、彩度、露出を動かしながら写真編集 前後を確認します。写真 ビフォーアフターを同じ画面で見ることで、写真調整の違いを数値と見た目の両方で判断できます。

  • ブラウザ内で処理
  • PNG · JPG · WebP
  • アカウント不要

元画像と現在の編集

元画像と現在の調整状態を比較します。

画像を選択して、元画像と補正後の写真を比較します。

明るさ

階調差

色の強さ

白飛び黒つぶれ

詳細指標

画像を開くと、輝度、白飛び黒つぶれ、コントラスト、クロマの指標を計算します。

輝度ヒストグラム

画像を開くとヒストグラムが表示されます。

元画像 現在の編集

画像セッション操作

画像を選択して、元画像と補正後の写真を比較します。

読み方

現在の編集効果を元画像と比較

この画像調整ツールでは、現在の編集が元画像に対してどのような効果を生むかをリアルタイムで確認できます。露出、明るさ、コントラスト、彩度、色温度、色かぶりを調整しながら、光、色、細部の変化を同じ画面で比較します。

範囲

表示される値はこのブラウザー内の見た目の変化を説明するためのものです。カメラや別の編集ソフトの正確な設定を復元するものではありません。

調整ガイド

写真編集 前後で見るべきこと

写真 ビフォーアフター

スライダーや横並び表示で元画像と補正後を見比べます。写真編集 前後を同じ倍率で見ると、顔の立体感、商品輪郭、背景の抜け、空の質感など、写真調整の違いが分かりやすくなります。

明るさと階調

画像 明るさ コントラスト 彩度 調整を同時に行うと、明るさの上昇で中間調が見やすくなる一方、コントラスト不足で平板に見えることがあります。明るさ、階調差、白飛び黒つぶれを一緒に確認します。

色の強さ

彩度を上げると写真は鮮やかになりますが、肌、料理、花、商品色は不自然になりやすい部分です。画像編集を比較しながら、色が目立つだけでなく、被写体の質感を支えているかを見ます。

次の専門ページへ

全体の画像調整 比較で原因が見えたら、露出補正、明るさ調整、コントラスト補正、レベル補正、彩度補正のページへ進むと、より細かな指標で写真補正の比較ができます。

技術解説

画像調整 比較の読み方

画像調整 比較は、複数の補正が重なった最終的な見た目を整理するための確認作業です。写真編集 前後を比べるとき、露出だけ、明るさだけ、彩度だけを見てしまうと、別の要素が原因で良く見えたり悪く見えたりすることがあります。例えば、写真を明るくしたつもりでも、実際にはコントラストが下がって眠い印象になっている場合があります。逆にコントラストを上げた結果、明るさは変えていないのに色が濃く見えることもあります。

見た目の明るさは、RGBを単純に平均したものではありません。実務では正規化した値に対して Y = 0.2126 R + 0.7152 G + 0.0722 B のような輝度近似を使い、緑成分が知覚上の明るさに強く効くことを考慮します。画像調整ツールで平均輝度、中央値、階調範囲、色の強さ、白飛び黒つぶれを並べて見ると、写真 ビフォーアフターの印象がどの数値に支えられているかを説明しやすくなります。

写真を補正する判断では、数値を命令として扱わず、見た目を説明する証拠として使います。人物写真なら肌の明るさと赤み、商品写真なら白背景とロゴ色、風景なら空と影の情報が優先されます。画像編集を比較する際は、表示倍率、トリミング、表示方式を一定にして、写真調整の違いだけを見ることが大切です。

この全体ページは、個別の調整を始める前と仕上げ前の両方で役立ちます。最初に写真編集を比較して大きな方向を決め、最後にもう一度画像調整 比較を行うと、露出補正、明るさ調整、コントラスト補正、彩度調整、レベル補正が互いに打ち消し合っていないかを確認できます。

露出

露出はEVの考え方に近い光量の倍率です。+1 EVはおよそ二倍、-1 EVはおよそ半分の光として扱うため、画像全体の明るさに大きく影響します。

画像での役割
画像調整 比較では、露出が被写体を読みやすくしたのか、白飛びや黒つぶれを増やしただけなのかを確認します。
考え方または計算
簡略化すると線形光を 2^EV で乗算し、その後表示用の範囲に戻します。高い値ほどハイライト側が急に限界へ近づきます。
注意点
空、白い服、反射、窓、照明は白飛びしやすく、暗い髪や黒い服は露出を下げたときに黒つぶれしやすい部分です。
明るさ

明るさは画素値を直接押し上げたり下げたりする調整です。写真を補正する場面では、中間調を軽く整えたいときに使いやすい操作です。

画像での役割
写真編集 前後で中間調がどれだけ動いたかを示し、写真 ビフォーアフターの見やすさを説明します。
考え方または計算
単純なモデルでは output = input + offset と考え、結果を表示可能な範囲に収めます。露出の倍率とは効き方が異なります。
注意点
上げすぎると影が灰色になり、下げすぎると全体が重くなります。明るさ コントラスト 彩度 調整を同時に見て、平板さを避けます。
コントラスト

コントラストは暗い部分と明るい部分の距離を広げたり縮めたりする調整です。明るさではなく階調の分離を扱います。

画像での役割
コントラスト 上げる操作は写真に奥行きを与えますが、影やハイライトの情報を失わせることがあります。
考え方または計算
一般的な考え方は output = (input - 0.5) * factor + 0.5 で、中間点を中心に値を広げます。
注意点
人物の髪、黒い布、白い紙、空の雲、商品エッジを見ます。強すぎるコントラスト補正は質感を硬くします。
彩度

彩度は同じ明るさの無彩色から色がどれだけ離れているかを表します。色を鮮やかにする操作の中心です。

画像での役割
画像 明るさ コントラスト 彩度 調整では、補正後の写真が自然に見えるか、色だけが強すぎないかを判断します。
考え方または計算
輝度を基準に output = luma + (channel - luma) * factor と考えると、factorが大きいほど色の距離が広がります。
注意点
肌、料理、赤い服、緑の植物、ブランド色は過度な彩度補正で不自然になりやすい部分です。
階調範囲

階調範囲は暗部から明部までの使われ方を示します。広いほど力強く見えますが、端が詰まると情報を失います。

画像での役割
写真補正の比較では、明るく鮮やかになった印象が、実際に使える階調を保っているかを説明します。
考え方または計算
P5からP95の差を見ると、極端な数画素に左右されにくい実用的な階調差を把握できます。
注意点
数値が広がっても、被写体の大切な影や明るい質感が消えていれば良い調整とは言えません。
白飛びと黒つぶれ

白飛びは明るい値が上限へ張り付き、黒つぶれは暗い値が下限へ張り付く状態です。どちらも細部の分離が失われます。

画像での役割
画像編集を比較するとき、補正後がきれいに見えても白飛び黒つぶれが増えていれば、後で使いにくい写真になります。
考え方または計算
8ビット表示では0付近と255付近に多くの画素が集まると、クリッピングの危険が高いと考えます。
注意点
白背景の商品、逆光の窓、黒い髪、夜景の影を必ず確認します。
全体を見てから個別に分ける

最初に画像調整 比較で写真編集 前後を広く見ます。明るさだけが問題なら明るさ調整へ、光量が根本的にずれているなら露出補正へ、階調が弱いならコントラスト補正やレベル補正へ進むと、写真編集を比較する判断が整理されます。

明るさとコントラストを分ける

写真を明るくしても、同時に階調差が縮むと眠い印象になります。画像 明るさ コントラスト 彩度 調整では、明るくする量を控えめにして、必要な分だけコントラストを加える方が自然な結果になりやすいです。

よくある質問

このページについて

このページは写真編集ソフトですか。

本格的な編集管理ソフトではなく、写真編集 前後を見ながら画像調整 比較を行うためのページです。補正値を動かし、元画像と現在の見た目を確認する用途に向いています。

データは安全ですか?

はい。画像と調整データはブラウザ内でローカルに処理され、サーバーにはアップロードされません。

データは安全ですか?

はい。画像と調整データはブラウザ内でローカルに処理され、サーバーにはアップロードされません。

写真調整の違いが小さいときは何を見ますか。

被写体の中間調、肌や商品色、暗部の質感、明部の白飛びを見ます。画像調整 比較では小さな差もスライダー表示で確認しやすくなります。