Make any image darker - adjustable intensity, instant results.
Image darkener and darkness filter for photos, pictures, and graphics. Darken overexposed shots, create moody backgrounds, or dim images for text overlays. Real-time preview, no upload, no signup.
Drop your image here
JPG, PNG, or WebP
How to darken a photo online.
Upload your image
Drag a JPG, PNG, or WebP onto the upload area or tap to browse. Paste from clipboard with Ctrl+V or Cmd+V. The image loads at full resolution in your browser.
Set the darkness level
Drag the slider to control how much darker the image becomes. The preview updates instantly. Try -25% for subtle dimming or -50% for dramatic mood effects.
Download
Click Download to save the darkened result. The output matches your input format at full resolution. No compression beyond your chosen JPG quality setting.
When you need to darken an image.
Fix overexposed photos
Blown-out highlights from harsh midday sunlight or camera flash are the most common exposure problem. Darkening by -20% to -35% recovers detail in bright areas - sky texture, fabric patterns, and facial features that looked washed out. Pair with the contrast adjuster for punchier results after correcting the exposure.
Background images for text overlays
Hero sections on websites, Instagram stories, and presentation slides need dark backgrounds for white text to be legible. Darken a photo by -40% to -55% and white text at 16px or larger meets WCAG 2.1 AA contrast requirements. This approach looks more professional than a flat black overlay because the image detail remains faintly visible.
Moody and cinematic photo edits
The dark, underexposed look popular on Instagram and in film photography comes from intentional darkening combined with contrast adjustments. Darken by -30%, boost contrast by +20, and you get the David Fincher-style desaturated moodiness. Food photographers darken backgrounds to make plated dishes pop against dark surfaces.
Reduce screen glare in presentations
Projected slides in bright conference rooms wash out light-colored images. Darkening presentation graphics by -15% to -25% before embedding them compensates for projector light bleed and ambient room lighting. The audience sees richer, more detailed images on the projected screen compared to unmodified bright photos.
Image darkening - the mechanics behind the slider.
The darkening operation reduces the brightness component of each pixel by a percentage you control. At -30%, a pixel with RGB(200, 150, 100) becomes approximately RGB(140, 105, 70). The reduction is proportional, meaning brighter pixels lose more absolute value while dark pixels change very little. A shadow pixel at RGB(20, 15, 10) reduced by 30% becomes RGB(14, 10, 7) - barely perceptible. This proportional behavior keeps darkened images looking natural rather than muddy.
Why overexposed photos respond well to darkening
When a camera overexposes, pixel values cluster near the top of the 0-255 range. A properly exposed sky might have blue channel values around 160-180, but an overexposed sky sits at 230-255 with lost detail. Darkening by -25% pulls those values back to 172-191, restoring visible gradation. The detail was technically still encoded in the subtle differences between 230 and 245 - darkening stretches those small differences back into a visible range. This only works if the values have not hit pure 255 (fully clipped), which is why recovery is partial on severely blown-out images.
Darkening versus desaturation
Darkening reduces brightness while preserving color relationships. A red rose stays red, just dimmer. Desaturation removes color intensity while preserving brightness - the rose turns gray-pink. For moody edits, darkening typically produces better results because colors retain their identity and the image keeps visual interest. Combining both - darkening by -25% and desaturating by -20% - creates the muted film look popular in editorial photography. Use the saturation editor alongside this tool for that combination.
Practical limits of darkening
Pushing past -60% collapses most midtone values toward black, and shadow detail disappears permanently. Pixels at zero cannot be brightened back to their original values because the information is gone. For recoverable workflows, save your original file before darkening. If you need extreme dimming for a near-black background effect, consider darkening to -50% and using the lighten tool later on a copy if you overshoot. Keep exported PNG copies at each stage so you always have a fallback.
Need it brighter instead?
Lighten underexposed or dim photos with adjustable brightness.
Lighten ImageFrequently asked questions.
How does darkening an image differ from reducing brightness?
Darkening and brightness reduction overlap but operate differently depending on the algorithm. A simple brightness decrease subtracts a flat value from every pixel - if you reduce by 50, a pixel at RGB(200, 150, 100) becomes (150, 100, 50). Darkening through a multiply or gamma operation compresses the tonal range non-linearly, preserving more detail in midtones while pushing shadows deeper. This image darkener uses a brightness-based approach that gives you direct control via a percentage slider. At -30%, highlights drop noticeably while deep shadows (values below 30) barely change because they are already near black. The result feels more natural than a flat subtraction because human vision perceives brightness logarithmically. For dramatic cinematic darkening, combine a -40% darken with +20 contrast from the contrast adjuster to retain punch in the remaining highlights.
What percentage should I darken my image?
The ideal value depends on your starting point and purpose. Overexposed outdoor photos typically need -20% to -35% to recover blown highlights and restore sky detail. Product photos on white backgrounds benefit from a subtle -5% to -10% to reduce glare without muddying the product itself. Social media posts styled for moody aesthetics work well between -25% and -45%, especially when paired with slightly boosted contrast. Scanned vintage photos that look faded respond well to -15% combined with a contrast increase of +25. Avoid going beyond -60% unless you intentionally want near-silhouette results, because detail in shadow regions becomes irrecoverable once pixel values hit zero. Start at -20%, check the preview, and adjust in 5% increments. Each change renders in under one second on most devices, so experimentation costs nothing.
Can I darken just part of an image?
This tool applies a uniform darkness filter across the entire image. Every pixel receives the same percentage reduction, which works perfectly for overall exposure correction and mood adjustment. If you need selective darkening - like dimming a bright sky while keeping the foreground untouched - that requires masking or gradient tools found in software like Photoshop or GIMP. However, a practical workaround exists: crop the region you want to darken using the <a href="/crop-image/" class="text-link underline decoration-hairline underline-offset-4 hover:text-link-deep">crop tool</a>, darken that piece separately, and composite them in a design tool. For most use cases like social media overlays, dark backgrounds for text, or moody photo edits, the uniform approach produces professional results without the complexity of layer-based editing software.
Will darkening an image reduce its quality?
The darkening operation itself does not degrade image quality. It modifies pixel brightness values using a Canvas filter at the original resolution without resampling or adding compression artifacts. If you export the result as PNG, the output is lossless - identical pixel dimensions and color depth as the input. JPG export applies DCT compression at your chosen quality setting, typically 92% by default, which introduces minimal artifacts invisible at normal viewing distances. One caveat: heavy darkening (beyond -50%) pushes many pixel values toward zero, effectively destroying shadow detail. That detail cannot be recovered by brightening later because multiple pixel values collapse to the same low number. Think of it like analog photography - underexposing film past a threshold loses shadow information permanently. For reversible editing, keep darkening moderate and save your original file separately.
How do I create a dark overlay for text on images?
Darken the image by -40% to -55% to create sufficient contrast for white text readability. The Web Content Accessibility Guidelines (WCAG 2.1) require a minimum contrast ratio of 4.5:1 for normal body text and 3:1 for large text. On a typical photograph, white text (#FFFFFF) against an un-darkened area often fails these ratios. At -45% darkening, most image regions reach a luminance low enough to pass WCAG AA standards with white overlay text. For headings at 24px or larger, -35% usually provides adequate contrast. Download the darkened image, then layer it as a background in your HTML/CSS, Canva, or presentation software with white or light-colored text on top. This technique is widely used in hero sections of marketing websites, Instagram story backgrounds, and event flyer designs.
What image formats work with this photo darkener?
The tool accepts JPG, JPEG, PNG, and WebP files. There is no file size ceiling beyond your browser available memory - most modern browsers handle images up to 50 megapixels without issue. A 48MP photo from a Samsung Galaxy S24 Ultra (8064x6048 pixels) processes without problems on devices with 4GB or more of available RAM. The output format matches your input: upload a JPG and you get a darkened JPG, upload a PNG and you get a darkened PNG. PNG output preserves any existing transparency - if your input has transparent regions, they remain transparent after darkening the visible pixels. WebP input converts to your chosen output format. For batch workflows, process one image at a time since browser memory is shared across all open tabs and large images can consume significant temporary memory.
Can I undo the darkening after downloading?
Once you download the darkened file, the original brightness data is baked into the pixel values and cannot be perfectly reversed. Brightening a previously darkened image approximates the original but introduces rounding errors and cannot recover detail that was clipped to pure black. For non-destructive workflows, always keep a copy of your original file before darkening. Inside the tool, you can reset the slider to zero at any time before downloading to return to the unmodified image. The preview is non-destructive - adjustments apply only when you click download. If you need to experiment with multiple darkness levels, download several versions at different percentages (-20%, -35%, -50%) and compare them side by side. Storage is cheap and having options prevents redoing work if a client or collaborator wants a lighter version later.