写真を暗くするのは、ただ明るさを下げることじゃありません。視線をどこに向けるかをデザインする作業です。ビネットは中心に注目を集める。下からのグラデーションはタイトルを重ねる余白を作る。上からのグラデーションはのっぺりした空をムードのある空に変える。全体暗転はスライドショー用に1コマを黒へフェードさせる。それぞれの仕上がりには違うオーバーレイの形 — 均一・放射状・方向性 — と、調整できる強度が必要です。無料オンライン暗転ツールは、その6つすべてを1ページに収め、カラーピッカーとタップで決めるビネット中心まで備えています。登録は不要。

Before Photo before darkening
After
Photo with a cinematic vignette darkening the edges
左がオリジナル、右が同じ写真に35%の黒ビネットをかけたもの。トリミングなしで、視線が被写体にぴたっと吸い寄せられます。

:::

3ステップ

  1. 写真暗転ツールを開く。
  2. 写真をドロップ。モードを選ぶ。強度スライダーをドラッグ(または15 / 25 / 50 / 70%のプリセットをタップ)。
  3. 「ダウンロード」を押す。

ビネットモードでは、プレビューの好きな場所をタップして暗い中心を幾何学的な中央からずらすこともできます。被写体が中央にいないときに便利。放射状のオーバーレイが新しい点を中心にリアルタイムで再描画されます。

6つの暗転モード — それぞれの使いどころ

問題が違えば、必要なオーバーレイも違います。各モードが実際に何をするのか、いつ使うのか、オーバーレイの形はどうなるのかをまとめました。

モード効果使いどころオーバーレイの形
全体暗転フレーム全体に均一な黒をかぶせるスライドショーのフェードアウト、ローキーな転換、露出を均等に落とす全ピクセルの100%に単色を重ねる
下グラデーション下から上へ暗さがフェード動画静止画のローワーサード、タイトルやキャプションの余白、「ムーディなポートレート」風直線状、下→上、到達範囲 約65%
上グラデーション上から下へ暗さがフェード風景写真の空を引き締める、ステータス表示の上部バー、「嵐が近づく」ムード直線状、上→下、到達範囲 約65%
左グラデーション左から右へ暗さがフェード雑誌風の左カラム、サイドバーテキストの余白、被写体を片寄せした構図直線状、左→右、到達範囲 約65%
右グラデーション右から左へ暗さがフェード右寄せテキストのオーバーレイ、フレーミング、被写体を左に置く直線状、右→左、到達範囲 約65%
ビネット縁から選んだ中心に向かって放射状に暗くなる映画的なムード、被写体へのスポットライト、アルバムジャケット風放射状、タップで中心指定、最も遠い角まで到達

強度スライダーは0〜95%まで動きます(上限があるのは、うっかり写真を真っ黒に潰さないため)。15%、25%、50%、70%の4つのプリセットで、使い勝手のいい4段階の強度をワンタップで呼び出せます。色は全体暗転以外のすべてのモードに適用されます。カラーピッカーから、または好きなカスタムHEXを選べます。

数字で見る、できること

  • 1ページに6モード — 全体暗転、4方向のグラデーション、そしてタップで位置を決めるビネット。
  • 0〜95%の強度スライダー、15%・25%・50%・70%のワンタップ・プリセット付き。
  • オーバーレイの色を自由に — 黒、白、またはカラーピッカーで好きなHEX。全体暗転を除く全モードに適用(全体暗転はフェード・トゥ・ブラックのスライドショー用に黒で固定)。
  • タップで決めるビネット中心 — 写真の好きな場所をタッチすると明るいスポットを軸からずらせます。暗い放射が新しい点を中心にリアルタイムで再計算されます。
  • グラデーションの到達範囲:約65% — 画像の幅または高さ(方向による)の約65%。強いムードとして読めるだけ十分に届き、被写体用のきれいな未処理領域を残せるだけ短い。
  • ビネットの半径 — 選んだ中心から最も遠い角まで伸びるので、中心が軸からずれていても角は常に均等に暗くなります。
  • 長押しで比較 — プレビューを押し続けると下のオリジナルがちらりと見えます。モバイルでは専用の「オリジナルを表示」ボタンが同じ役割(ここで長押しするとiOSのジェスチャーと干渉するため)。
  • リセット — ワンクリックでモード・強度・色・ビネット中心が初期設定に戻ります。
  • 1アップロードあたり20MB、入力4形式 — JPG、PNG、WebP、HEIC(iPhoneの変換ステップ不要)。
  • 形式を保持したエクスポート — PNGはアルファチャンネルを保ったままPNGで保存、それ以外はフル品質のJPGで保存。
  • 0円。 無料、登録なし、ウォーターマークなし、クレジットパックなし。iOSアプリ(100万以上のダウンロード、App Store評価5.0)と同じApple風エディタが、そのままブラウザで動きます。

Zebra暗転 vs Fotor vs Canva vs Pixlr — 本当に無料なのはどれ

2026年5月時点で、写真を暗くする用途で無料プランを比較すると:

機能Zebra(無料)Fotor(無料)Canva(無料)Pixlr(無料)
ビネットあり、タップで中心指定基本のみ、中心固定Proのみあり、中心固定
方向性グラデーション(上/下/左/右)あり、4種すべてなしProのみ限定的
フレーム全体の暗転あり「明るさ−100」の裏技で「明るさ−100」の裏技であり
オーバーレイの色をカスタムあり(カラーピッカー、任意のHEX)黒のみProのみ黒/白
白色の「ハロー」モードあり(ビネット+白)なしなしなし
無料版のウォーターマークなしなしなしなし
登録の要否不要必要必要任意
ファイルサイズ上限20MB10MBプラン依存無料版のファイル上限
入力形式JPG, PNG, WebP, HEICJPG, PNGJPG, PNGJPG, PNG, WebP

ざっくり言うと、6つの暗転モード全部 — 4方向のグラデーション、タップで位置を決めるビネット、カスタムのオーバーレイ色を含めて — をサブスクも登録もなしで使いたいなら、この4つの中で無料プランでそれを揃えられるのはZebraだけ。CanvaはビネットをProの後ろに隠し、FotorとPixlrは中心固定のビネットがひとつあるだけで、方向性グラデーションはありません。

どのモードをいつ使うか

モード選びのための短いフィールドガイド:

  • ビネット+黒 25〜40% — 文句なしで最もよく使われる暗転効果。明るい中心にあるものへ注目を集めます。ZebraのiOSアプリでは、これがダントツで一番使われているプリセット — ポートレート、商品、フード、被写体がはっきりしているもの全般の、正しいスタート地点。
  • ビネット+白 25〜40% — 効果が一転して柔らかなハローに。被写体が輝き、縁が軽やかになります。明るい背景の商品撮影、「夢見るような」ポートレート、ビューティーやライフスタイル写真に好相性。
  • 下グラデーション+黒 25〜50% — おなじみの「ムーディなポートレート」風、そして動画静止画のローワーサードの定番ワザ。フレームの上はそのまま、下を黒へフェード。見出し・キャプション・YouTubeのテキストオーバーレイが、暗くなった帯の上でくっきり読めます。
  • 上グラデーション+黒 30〜50% — 風景写真の空を引き締める。のっぺり曇り空にドラマが宿り、夕焼けは上の縁が深まります。スマホ壁紙やスクショのモックアップを作るときのステータスバー用マスクとしても便利。
  • 左または右グラデーション+黒 25〜50% — 雑誌風のフレーミング。テキストを片側、写真をもう片側に置くエディトリアルなレイアウトで使います。暗いグラデーションがテキスト領域へ溶け込むので、ハードな四角を作らずに見出しが映えます。
  • 全体暗転 70〜90% — スライドショーの開始・終了コマ用フェード・トゥ・ブラック。映画のシーン終わりと同じ効果。テキストオーバーレイの背後に置く「ゴースト」サムネにも使えます。
  • ビネット+カスタムHEX(ディープティール、バーガンディ、ネイビー) — アルバムジャケット風。黒以外のオーバーレイ色を選ぶと、ただ暗くするのではなく縁を色づけます。ポートレートにバーガンディは温かみとアナログ感、風景にネイビーは映画的に読めます。

この技法はデジタル写真より古いものです。ビネッティングに関するWikipediaの記事では、光学的なアーティファクト(レンズの周辺光量落ち)と意図的な後処理効果の両方が解説されています。20世紀半ばの「良い」暗室プリントのほとんどは、視線を集めるために縁を焼き込んでいました。いまワンタップになっているのと、まったく同じ発想です。

実際の仕事で、何に役立つか

写真を暗くする具体的な理由と、最短で到達できるモードを挙げます:

  • 映画的なポートレート — ビネット+黒 30%。被写体を明るいスポットに、縁を後退させる。フルのカラーグレーディングなしで出せる、フィルム静止画ムードの限界点。シネマティックフィルター(Teal & Orange)と重ねれば完全なハリウッド調に。
  • 下部にタイトルバーがあるYouTubeサムネ — 下グラデーション+黒 50〜70%。まず無料クロップツールで16:9に切ってから、下3分の1を暗くする。すると高コントラストの白タイトルが暗い帯の上で読めます。
  • 上にテキストを乗せたTelegramチャンネルカバー — 上グラデーション+黒 40%。暗い帯にヘッダーテキスト、その下に写真。どの雑誌の題字でも使われている同じワザ。
  • 明るい背景の商品撮影 — ビネット+白 30%。柔らかなハロー、ハードな縁なし。背景を消さずに高級感が出ます。
  • アルバムジャケットアート — ビネット+カスタムの暗い色(バーガンディ、ディープティール、ネイビー)50〜70%。縁を色づけ、中心を明るく残す。一瞬でアナログな雰囲気に。
  • スライドショーの開始/終了コマ — 全体暗転 80%。次のスライドの前のフェード・トゥ・ブラック。どのプレゼンアプリでも読めます。
  • 風景の空にドラマを — 上グラデーション+黒 30〜40%。HDRに走らずに、のっぺりした空がムーディに。
  • 群衆の中の顔にスポットライト — ビネット、顔をタップして明るい中心に設定、強度35〜50%。縁が暗くなり、顔は明るいまま。

色の選択ですべてが変わる

オンラインの「暗転」ツールのほとんどは、あなたが黒を望んでいると決めてかかっています。そうしない理由は2つ:

  • オーバーレイの色に白を使うと、ビネットがハイキーなハローに反転します。縁が飛び、中心はディテールを保つ。ビューティーポートレートやきれいな商品撮影では、結果がムーディではなく高級に見えます。タップ3回:ビネット、色=白、強度30%。
  • カスタムHEXを使えば、純粋なニュートラルで暗くする代わりに縁を色づけられます。ディープティール(#0a2a3d)は映画的に、バーガンディ(#3a0d18)はアナログの温かみに、ネイビー(#0d1a3a)はナイトモードに読めます。写真そのものから色を拾えば、貼り付けたようではなくデザインされたフレームになります。

全体暗転は色が適用されない唯一のモードです。あえて黒で固定しています。それがフェード・トゥ・ブラックの意味だから。4方向のグラデーションとビネットを含むそれ以外のすべてのモードは、選んだどんな色でも受け付けます。

長押し比較とワンタップ・リセット

「スライダーで遊ぶ」段階から「実際に写真を仕上げる」段階へとツールを押し上げる、2つの小さな配慮:

  • プレビューを長押しすると、下のオリジナルが見えます。離すと戻る。モバイルでは別の「オリジナルを表示」ボタンが、OSの長押し処理と干渉せずに同じジェスチャーを提供します。
  • リセットはすべてのコントロールを初期設定に戻します — ビネットモード、強度25%、黒、中心は幾何学的な中央。ワンクリックで、まっさらな状態へ。

写真の全体じゃなく、一部だけを暗くしたいときは?

暗転ツールは6つのオーバーレイ形のひとつを画像全体に適用します — それが、速くて無料であることの引き換えです。もっと外科的な局所暗転がほしいなら、選択肢は2つ:

  1. ビネットモードを使い、明るいスポットがほしい場所に中心をタップで指定する。その周りすべてが暗くなります。「被写体以外を全部暗くする」たいていの用途では、これが正解。
  2. または、まず無料背景除去ツールで被写体を切り抜き、オリジナルに全体暗転ビネットをかけ、切り抜いた被写体を任意の合成ツールで上に重ね直す。2ステップ、完全無料、どちらもブラウザで完結。

ほかの仕上がりと組み合わせるなら、写真フィルターツールがカラーグレーディングを、ぼかしツールがソフト化を担当します。「ムーディ」なフレームの多くは、暗転+フィルター+軽いぼかしを何らかの配分で組み合わせたものです。

よくある質問

写真をオンラインで無料で暗くするには?
写真暗転ツールを開いて、写真をドロップし、6つのモード(全体暗転、ビネット、上・下・左・右のグラデーション)からひとつ選び、強度スライダーを0〜95%でドラッグして、ダウンロードをクリック。登録なし、ウォーターマークなし、フル解像度、すべてブラウザで完結します。
料金はいくらですか?
無料です。Web版の暗転ツールは完全無料 — 登録なし、ウォーターマークなし、1枚ごとの上限なし。月額4.99ドルのプランはiOSアプリ専用で、フルエディタ(カーブ、フィルター、レイヤー、テキストなど)を備えた別製品です。Webで暗くするだけなら不要です。
画質は落ちますか?
いいえ。出力は元画像のネイティブ解像度でレンダリングされます。JPG入力はフル品質のJPGで返り、PNG入力はアルファチャンネルを保ったままPNGで返ります。
スマホでも使えますか?
はい — 最近のモバイルブラウザならどれでも。モードピッカー、スライダー、カラーピッカー、タップで位置を決めるビネットは、すべてタッチ最適化済みです。頻繁に暗くするなら、iOSアプリ(100万以上のダウンロード、App Store評価5.0)の方がなめらかで、新しめの端末ではオフラインでも動きます。
写真にビネットを追加するには?
暗転ツールを開いて写真をアップロードし、ビネットをタップ、自然な仕上がりなら強度スライダーを25〜40%へドラッグ。被写体が幾何学的な中央にいない場合は、プレビューの好きな場所をタップして明るい中心を軸からずらせます。オーバーレイの初期色は黒、白にすると柔らかなハローになります。
写真を映画的に見せるには?
ビネット+黒 30〜35%が、フィルム静止画らしさへ向かう最大の一歩です。シネマティックフィルター(Teal & Orange)を強度70%で重ねると、グレーディングされた映画のフレームのように見えます。ぼかしツール(チルトシフト)で縁に軽いぼかしを足せば、最も映画的な仕上がりに。
YouTubeサムネ用に写真の下だけを暗くするには?
下グラデーションモード+黒 50〜70%の強度。暗い帯が下3分の1を覆い、その上に重ねた白タイトルがどのサムネサイズでも読めます。ベストな結果には、まず16:9にクロップを。
黒以外の色は使えますか?
はい。カラーピッカーは全体暗転(スライドショーのフェードアウト用に黒で固定)を除く全モードで、、任意のカスタムHEXに対応します。バーガンディ、ディープティール、ネイビーは、アルバムジャケット風の縁の色づけに人気です。
オーバーレイの色を白にすると何が起きますか?
柔らかなハローが生まれます — 縁が暗くなるのではなく飛びます。ビネット+白 25〜40%は、ビューティーポートレート、白背景の商品撮影、夢見るようなライフスタイル写真の定番「ハイキー」ルックです。計算は黒と同じで、トーンが反転しているだけ。
全体暗転と、別ツールで明るさを下げるのは何が違いますか?
機能的には似ています — どちらもフレーム全体の露出を潰します。全体暗転はスライダー付きのワンタップ。「明るさを下げる」はたいてい別の調整パネルが必要です。素早いフェードアウト(スライドショーの最初/最後のコマを70〜90%)や、均一な露出の引き下げがほしいときは全体暗転を使いましょう。
ビネットの中心を写真の真ん中からずらせますか?
はい。ビネットモードでプレビューの好きな場所をタップすると、暗い放射が新しい点を中心に再描画されます。被写体が幾何学的な中央にいないときに便利。ビネットの半径は常に最も遠い角まで届くので、縁は均等に暗くなります。
暗くしすぎたら、どう戻せますか?
スライダーを戻すか、リセットで初期設定(ビネットモード、25%、黒、中心は中央)に戻します。元の写真は決して変更されません — ダウンロードをクリックするまで、常に非破壊のコピーを編集しています。
透過PNGでも動きますか?
はい。PNGはアルファチャンネルを保ったままPNGで保存されるので、切り抜き(背景除去ツールで作ったものなど)に暗転をかけても透明部分はそのまま残ります。
強度が95%で頭打ちなのはなぜですか?
100%だと全体暗転や広いグラデーションが、対象領域を復元不能な真っ黒にレンダリングしてしまい、ほぼ使えない出力になります。95%でとどめると元の輝度のほんのわずかが残り、見た目には「完全に暗い」と読めつつ、下の写真の気配を残せます。本物のフェード・トゥ・ブラックのスライドショー効果には、全体暗転で70〜90%が狙い目です。
Instagram Storyの背景用に写真を暗くするには?
下グラデーション+黒 40〜60%、被写体が真ん中ならビネット+黒 35%。まずクロップツール9:16に切ってから暗くする — 暗いゾーンが、Storyのステッカー・投票・テキストを置くための高コントラストな面になります。