How to Brighten, Darken, or Lighten an Image Online (Free)
Brightness adjustment is one of the most common photo fixes — and one of the simplest to apply. This tool uses a linear brightness shift: each pixel's red, green, and blue values are uniformly increased (brighten) or decreased (darken) by the same amount. A value of +50 adds 50 to each RGB channel; a value of -30 subtracts 30 from each channel. Values are clamped at 0 and 255, so no information is lost at the extremes — a very dark pixel does not wrap around or invert.
Brighten image online — when to use it
Underexposed photos are the most common use case. Indoor shots, photos taken in shade, smartphone photos in low light, and scanned documents on yellowed paper all benefit from brightening. A +20 to +40 adjustment recovers shadow detail without blowing out the highlights in most cases. For product photography where the background needs to be pure white, a higher +60 to +80 adjustment forces the background to white while keeping the subject visible.
Darken image online — when to use it
Overexposed photos — typically outdoor shots in direct sunlight or flash photography — lose highlight detail when the camera overexposes. A -20 to -40 adjustment recovers some of this detail. Darkening is also used to create background images for text overlay: a -40 to -60 adjustment on a photo creates a darker surface where white text remains readable.
How to lighten an image without washing it out
The difference between brightening and washing out is the amount of adjustment. Small adjustments (+20 to +40) lift the midtones and shadows without affecting the highlights much. Large adjustments (+70 to +100) push highlights to white, which destroys detail in the brightest areas. If you need to lift shadows without washing out highlights, a dedicated curves or levels tool gives more control — but for most practical uses, a moderate brightness adjustment is sufficient.
How to darken an image in CSS
For web developers, CSS offers three approaches: filter: brightness(0.7) darkens the element to 70% of its original brightness (values below 1 darken, above 1 brighten). For background images: background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('image.jpg') overlays a semi-transparent black layer. For the <img> tag: img { filter: brightness(0.8); }. These are live CSS effects — the source file is not modified. To produce an actual darker image file for download or upload elsewhere, use this tool. If you need to reduce file size after adjusting brightness, run the result through the Bulk Image Compressor.
How to darken an image in Photoshop
In Photoshop: Image → Adjustments → Brightness/Contrast and drag the Brightness slider left. For non-destructive editing, use a Brightness/Contrast adjustment layer (Layer → New Adjustment Layer → Brightness/Contrast). The keyboard shortcut to open the Curves dialog (which gives more precise control) is Ctrl+M (Windows) / Cmd+M (Mac). For batch processing in Photoshop, use Actions + Batch — but for straightforward brightness adjustments across a folder of images, this online tool is faster with no software required. Need to convert format after adjusting? The Bulk Image Converter handles JPG, PNG, WebP, and AVIF in one step.
