Darkening a photo isn't just turning the brightness down — it's shaping where the eye goes. A vignette pulls attention to the center. A bottom gradient makes room for an overlaid title. A top gradient drops a flat sky into a moody one. Full Dark fades a frame to black for a slideshow. Each look needs a different overlay shape — uniform, radial, or directional — and a controllable intensity. The free online darken tool ships all six in one page, with a custom-color picker and a tap-to-position vignette center. No signup.

Before Photo before darkening
After
Photo with a cinematic vignette darkening the edges
Original photo on the left, the same shot with a 35% black vignette on the right — the eye locks on the subject without any cropping.

:::

Three steps

  1. Open the photo darken tool.
  2. Drop in a photo. Pick a mode. Drag the intensity slider (or tap a 15 / 25 / 50 / 70% preset).
  3. Hit "Download."

For Vignette mode, you can also tap anywhere on the preview to set the dark center off the geometric middle — useful when your subject isn't centered. The radial overlay re-renders live around the new point.

The 6 darken modes — what each one is for

Different problems need different overlays. Here's what each mode actually does, when to use it, and how the overlay is shaped:

ModeWhat it doesUse it forOverlay shape
Full DarkUniform black wash across the whole frameSlideshow fade-outs, low-key transitions, pulling exposure down evenlySolid color over 100% of pixels
Bottom gradientDark fades from the bottom upLower-third for video stills, room for a title or caption, "moody portrait" lookLinear, bottom→top, ~65% reach
Top gradientDark fades from the top downSky punch on landscapes, top bar for status overlay, "storm rolling in" moodLinear, top→bottom, ~65% reach
Left gradientDark fades from left to rightMagazine-style left column, room for sidebar text, off-center subject framingLinear, left→right, ~65% reach
Right gradientDark fades from right to leftRight-aligned text overlay, framing, subject on the leftLinear, right→left, ~65% reach
VignetteRadial dark from edges toward a chosen centerCinematic mood, spotlight on subject, album-cover aestheticRadial, tap to set center, reaches the farthest corner

The intensity slider runs from 0 to 95% (the cap stops you from accidentally crushing the photo to pure black). Four presets — 15%, 25%, 50%, 70% — give you the four useful intensity bands in one tap. Color applies to every mode except Full Dark: pick black, white, or any custom hex from the color picker.

What you get, in numbers

  • 6 modes in one page — Full Dark, four directional gradients, plus a tap-to-position vignette.
  • 0–95% intensity slider, with one-tap presets at 15%, 25%, 50%, 70%.
  • Custom overlay color — black, white, or any hex via the color picker. Applies to all modes except Full Dark (which is fixed black for fade-to-black slideshows).
  • Tap-to-position vignette center — touch anywhere on the photo to set the bright spot off-axis. The dark radial recomputes live around the new point.
  • Gradient reach: ~65% of the image width or height (depending on direction) — far enough to read as a strong mood, short enough to leave a clean unaffected region for a subject.
  • Vignette radius — extends from the chosen center to the farthest corner, so corners always darken evenly even if the center is off-axis.
  • Hold-to-compare — press and hold the preview to flash the original underneath. On mobile, an explicit "Show original" button does the same (a long-press there would conflict with iOS gestures).
  • Reset — one click returns mode, intensity, color, and vignette center to defaults.
  • 20 MB per upload, 4 input formats — JPG, PNG, WebP, HEIC (no iPhone conversion step).
  • Format-preserving export — PNGs save as PNG with the alpha channel intact; everything else saves as full-quality JPG.
  • $0. Free, no signup, no watermark, no credit pack. Same Apple-style editor as the iOS app (1M+ downloads, 5.0 App Store rating), running in your browser.

Zebra darken vs Fotor vs Canva vs Pixlr — what's actually free

How the free tiers compare for darkening a photo, as of May 2026:

FeatureZebra (free)Fotor (free)Canva (free)Pixlr (free)
VignetteYes, tap to set centerBasic, fixed centerPro onlyYes, fixed center
Directional gradients (top/bottom/left/right)Yes, all 4NoPro onlyLimited
Full-frame dark washYesVia "Brightness −100" hackVia "Brightness −100" hackYes
Custom overlay colorYes (color picker, any hex)Black onlyPro onlyBlack/white
White-color "halo" modeYes (vignette + white)NoNoNo
Watermark on freeNoNoNoNo
Signup requiredNoYesYesOptional
File size limit20 MB10 MBPlan-dependentFree-tier file cap
Input formatsJPG, PNG, WebP, HEICJPG, PNGJPG, PNGJPG, PNG, WebP

In plain words: if you want all six darken modes — including four directional gradients, a tap-to-position vignette, and a custom overlay color — without a subscription or signup, Zebra is the only one of the four that gives them on the free tier. Canva locks vignette behind Pro; Fotor and Pixlr only give a single fixed-center vignette and have no directional gradients.

When to use which mode

A short field guide for picking a mode:

  • Vignette + black at 25–40% — the most-used darken effect, period. Pulls attention to whatever's in the bright center. In Zebra's iOS app, this is the single most-used preset by a wide margin — the right starting point for portraits, products, food shots, and anything with a clear subject.
  • Vignette + white at 25–40% — flips the effect into a soft halo. The subject glows; the edges feel airy. Good for product shots on light backgrounds, "dreamy" portraits, beauty and lifestyle photography.
  • Bottom gradient + black at 25–50% — the iconic "moody portrait" look, and the lower-third trick for video stills. Leaves the top of the frame untouched, fades the bottom into black. Headlines, captions, or YouTube text overlays read clearly against the darkened band.
  • Top gradient + black at 30–50% — sky punch for landscapes. Flat overcast skies pick up drama; sunsets get a deeper top edge. Also useful as a status-bar mask if you're designing a phone wallpaper or a screenshot mockup.
  • Left or right gradient + black at 25–50% — magazine-style framing. Used for editorial layouts where text sits on one side and the photo on the other. The dark gradient fades into the text region so the headline pops without a hard rectangle.
  • Full Dark at 70–90% — fade-to-black for slideshow opening or closing frames. Same effect you get at the end of a movie scene. Works for thumbnail "ghost" frames behind text overlays.
  • Vignette + custom hex (deep teal, burgundy, navy) — album-cover aesthetic. Picking a non-black overlay color tints the edges instead of just darkening them. Burgundy on a portrait reads as warm and analog; navy on a landscape reads as cinematic.

The technique is older than digital photography. The Wikipedia article on vignetting covers both the optical artifact (lens falloff) and the deliberate post-processing effect — most "good" darkroom prints from the mid-20th century were burned at the edges to focus the eye, the same idea that's now a one-tap setting.

What it's good for, in real jobs

Concrete reasons to darken a photo, with the mode that gets you there fastest:

  • Cinematic portrait — Vignette + black at 30%. Subject in the bright spot, edges receding. Closest you can get to a film-still mood without a full color grade. Stack with a Cinematic filter (Teal & Orange) for the full Hollywood frame.
  • YouTube thumbnail with bottom title bar — Bottom gradient + black at 50–70%. Crops to 16:9 first using the free crop tool, then darken the bottom third so a high-contrast white title reads against the dark band.
  • Telegram channel cover with text on top — Top gradient + black at 40%. Header text in the dark band, photo content visible below. Same trick used by every magazine masthead.
  • Product shot on a light background — Vignette + white at 30%. Soft halo, no hard edges. Looks high-end without removing the background.
  • Album cover art — Vignette + custom dark color (burgundy, deep teal, navy) at 50–70%. Tints the edges, leaves the center bright, instant analog feel.
  • Slideshow opening / closing frame — Full Dark at 80%. Fade-to-black before the next slide. Read on any presentation app.
  • Sky drama for landscapes — Top gradient + black at 30–40%. Flat sky becomes a moody one without going to HDR.
  • Spotlight a face in a crowd — Vignette, tap the face to set the bright center, intensity 35–50%. Edges go dark, the face stays lit.

Color choice changes everything

Most "darken" tools online assume you want black. Two reasons not to:

  • White as the overlay color flips a vignette into a high-key halo — the edges blow out, the center keeps its detail. On a beauty portrait or a clean product shot, the result reads as luxe instead of moody. Three taps: Vignette, color = White, intensity 30%.
  • Custom hex lets you tint the edges instead of darkening them in pure neutral. Deep teal (#0a2a3d) reads as cinematic; burgundy (#3a0d18) reads as analog warmth; navy (#0d1a3a) reads as night-mode. Pick a color from the photo itself for a frame that feels designed instead of glued on.

Full Dark is the one mode where color doesn't apply — it's fixed black, on purpose, because that's what fade-to-black means. Every other mode, including all four directional gradients and the vignette, takes any color you pick.

Hold-to-compare and one-tap reset

Two small affordances that move the tool from "playing with sliders" to "actually shipping a photo":

  • Press and hold the preview to see the original underneath. Release to flip back. On mobile, a separate "Show original" button gives you the same gesture without conflicting with the OS's long-press handling.
  • Reset sets every control back to defaults — Vignette mode, 25% intensity, black color, center at the geometric middle. One click, back to a clean slate.

What if I want to darken only part of a photo, not the whole thing?

The darken tool applies one of six overlay shapes to the whole image — that's the trade-off for how fast and free it is. If you want a more surgical local-darkening effect, two options:

  1. Use Vignette mode and tap-position the center exactly where you want the bright spot. Everything else darkens around it. For most "darken everything except the subject" jobs this is the right answer.
  2. Or use the free background remover first to cut the subject, then run Full Dark or Vignette on the original, then place the cut-out subject back on top in any compositor. Two steps, fully free, both in-browser.

For pairing with other looks, the photo filters tool handles color grading, and the blur tool handles softening — most "moody" frames combine darken + filter + light blur in some proportion.

Common questions

How do I darken a photo online for free?
Open the photo darken tool, drop in a photo, pick one of 6 modes (Full Dark, vignette, top, bottom, left, right gradient), drag the intensity slider 0–95%, and click Download. No signup, no watermark, full resolution, all in your browser.
How much does it cost?
Nothing. The web darken tool is fully free — no signup, no watermark, no per-photo cap. The $4.99/month tier exists only for the iOS app, which is a separate product with the full editor (curves, filters, layers, text, etc.) — not required for darkening on the web.
Does it lower the quality?
No. The output is rendered at the source image's native resolution. JPG inputs return as full-quality JPG; PNG inputs return as PNG with the alpha channel preserved.
Does it work on a phone?
Yes — any modern mobile browser. The mode picker, slider, color picker, and tap-to-position vignette are all touch-optimized. If you darken often, the iOS app (1M+ downloads, 5.0 App Store rating) is smoother and works offline on newer devices.
How do I add a vignette to a photo?
Open the darken tool, upload a photo, tap Vignette, and drag the intensity slider to 25–40% for a natural look. Tap anywhere on the preview to move the bright center off-axis if your subject isn't in the geometric middle. Black is the default overlay color; white gives a soft halo instead.
How do I make a photo look cinematic?
Vignette + black at 30–35% is the single biggest jump toward a film-still look. Stack it with a Cinematic filter (Teal & Orange) at 70% intensity, and the result reads as a graded movie frame. Add a light blur on the edges with the blur tool (tilt-shift) for the most cinematic finish.
How do I darken just the bottom of a photo for a YouTube thumbnail?
Bottom gradient mode + black at 50–70% intensity. The dark band covers the lower third; a white title overlaid on top reads at any thumbnail size. For best results, crop to 16:9 first.
Can I use a color other than black?
Yes. The color picker supports black, white, and any custom hex for every mode except Full Dark (which is fixed black for slideshow fade-outs). Burgundy, deep teal, and navy are popular for album-cover-style edge tinting.
What does white as the overlay color do?
It creates a soft halo — the edges blow out instead of darkening. Vignette + white at 25–40% is the go-to "high-key" look for beauty portraits, product shots on white, and dreamy lifestyle photography. The math is the same as black, just inverted in tone.
What's the difference between Full Dark and just lowering brightness in another tool?
Functionally similar — both crush the whole frame's exposure. Full Dark is one tap with a slider; "lower brightness" usually requires a separate adjustment panel. Use Full Dark when you want a quick fade-out (slideshow first/last frame at 70–90%) or a uniform exposure pull-down.
Can I move the vignette center off the middle of the photo?
Yes. Tap anywhere on the preview while in Vignette mode and the dark radial re-renders around the new point. Useful when your subject isn't in the geometric center. The vignette radius always reaches the farthest corner so the edges still darken evenly.
How do I undo if I darken too much?
Drag the slider back, or hit Reset to return to defaults (Vignette mode, 25%, black, center middle). The original photo is never modified — you're always editing a non-destructive copy until you click Download.
Does it work on transparent PNGs?
Yes. PNGs save back as PNG with the alpha channel preserved, so a darken applied to a cutout (like one from the background remover) keeps its transparency.
Why is the intensity capped at 95%?
At 100% a Full Dark or wide gradient would render the affected region pure black with no recoverable detail — a near-useless output. Capping at 95% keeps a sliver of the original luminance, which still reads as "fully dark" visually but leaves a hint of the photo underneath. For a true fade-to-black slideshow effect, 70–90% on Full Dark is what you want.
How do I darken a photo for an Instagram Story background?
Bottom gradient + black at 40–60%, or Vignette + black at 35% if your subject is in the middle. Crop to 9:16 first using the crop tool, then darken — the dark zone gives Story stickers, polls, and text a high-contrast surface to sit on.