Brightness is the first correction most photographs need and the one most people get wrong. A shot taken indoors against a window comes out too dark, a shot taken on snow comes out washed out, and both are fixable in seconds once you know what the control is doing.
The work happens on your own machine. Your file is decoded by the browser, drawn onto a canvas with a filter applied and re encoded locally, so a photograph of a passport never leaves the device it is sitting on.
When to reach for an image brightness adjuster
Brightness is a global correction. It moves every pixel in the same direction by the same proportion, so it is the right tool when the whole frame is wrong and the wrong tool when only part of it is. A product photograph shot under a dim desk lamp is a global problem. A portrait where the face is dark but the sky behind it is correctly exposed is not, and lifting brightness there will blow the sky out to flat white.
The test is to look at the darkest and lightest parts of the frame separately. If both are too dark, this image brightness adjuster fixes it in one pass. If one is too dark and the other is fine, you need a local edit that a single slider cannot give you.
- Lift brightness when a scanned document or receipt reads grey rather than white.
- Lift brightness on screenshots taken from a dimmed display.
- Lower brightness when a photograph shot in snow or bright sand looks washed out and milky.
- Lower brightness on a background image competing with text laid over it.
- Leave brightness alone and use contrast instead when the image is flat rather than dark.
What the brightness control actually does to your pixels
The slider value is a multiplier expressed as a percentage. At 100 percent nothing changes. At 150 percent every red, green and blue channel value is multiplied by 1.5, so a mid grey pixel at 128 becomes 192. At 50 percent it drops to 64. It is multiplication rather than addition, which is why dark areas move less in absolute terms than bright ones.
Two consequences follow. Pure black stays pure black however far you push the slider up, because zero multiplied by anything is still zero. And anything that reaches 255 is clipped there permanently, so pushing hard enough turns highlights into featureless white that pulling the slider back down will not restore.
Brightness, exposure and contrast are not the same control
Exposure describes the light the sensor collected at capture time. Brightness is the closest post capture equivalent, but it works on already quantised eight bit values rather than raw sensor data, so it has far less headroom than an exposure slider in a raw editor.
Contrast is a different operation. It pushes values away from the midpoint in both directions, making darks darker and lights lighter. A dull, grey looking picture needs contrast. A uniformly dim one needs brightness. If you are unsure, darken an image slightly and look again. If the problem is still there, brightness was never the issue.
How this image brightness adjuster works in the browser
The tool sets the filter property on a canvas 2D drawing context to the CSS brightness function, then draws your decoded image through it. That is the same primitive the browser uses for CSS filters on ordinary page elements, implemented in native code and usually accelerated by the GPU, so a 40 megapixel photograph is processed in a fraction of a second.
Because everything runs locally there is no file size ceiling beyond the memory your browser tab can address, no daily limit and no server that could retain a copy. The live preview uses the identical filter expression applied through CSS to a scaled down copy, which is why what you see while dragging matches what you download.
Recovering a photograph that came out too dark
To brighten a dark photo without wrecking it, move in small steps and watch the brightest region rather than the subject. Most people push until the subject looks right and only then notice that a white shirt has turned into a solid block. Stopping ten percent earlier almost always produces a better result.
A very dark shot will also reveal sensor noise hidden in the shadows. Raising brightness does not create that noise, it moves it above the threshold where your eye can see it. For a scanned page, push further than feels comfortable: clipping the paper to pure white is exactly what you want.
Choosing an output format after you adjust image brightness
PNG is the default because it is lossless, so the only change to your pixels is the one you asked for. That matters when you plan to keep editing, since a lossless intermediate survives repeated rounds through this image brightness adjuster without compounding compression artifacts.
JPG is the better choice when the file is finished and heading into an email or a web page, and WebP sits between the two. Whichever you pick, the pixel dimensions are untouched.
| Slider value | Effect on a mid grey pixel | Typical use |
|---|---|---|
| 50% | 128 becomes 64 | Taming a washed out snow or beach shot |
| 80% | 128 becomes 102 | Pushing a background behind overlaid text |
| 100% | No change | Baseline |
| 130% | 128 becomes 166 | Lifting an indoor photo shot without flash |
| 180% | 128 becomes 230 | Forcing a scanned page to read as white |
How to adjust image brightness
- 1
Add your image
Drop a PNG, JPG or WebP file onto the drop area, or click it to browse. The file stays on your device.
- 2
Move the brightness slider
Values above 100 percent lighten the image and values below 100 percent darken it. The preview updates as you drag.
- 3
Watch the highlights
Stop before the brightest area in the frame turns into flat white, since clipped highlights cannot be recovered afterwards.
- 4
Apply and download
Press apply, then download the corrected image at its original pixel dimensions in your chosen format.
Related tools worth bookmarking
Sources and further reading
Frequently asked questions
Common questions about the image brightness adjuster.
The brightness operation is a simple multiply and adds no artifacts of its own. Quality only changes through the output encoder, so choosing PNG keeps the result lossless while choosing JPG applies normal photographic compression on top of your correction.
Channel values are capped at 255. Once a pixel reaches that ceiling it is clipped and every trace of detail there is discarded, which is why pulling the slider back down afterwards leaves a featureless patch. Stop before the brightest region reaches that point.
No. Brightness multiplies existing values, and anything recorded as zero stays at zero however far you push the slider. If the shadows were crushed at capture time the information was never written to the file and cannot be reconstructed.
No. Decoding, filtering and encoding all happen in your browser through the canvas element. No request carrying your file is ever made, which you can confirm in the network panel of your developer tools while an adjustment runs.
Resize first, then adjust brightness. Downscaling averages neighbouring pixels together, and doing that after a brightness lift can pull already bright pixels into the clipped range and flatten highlights you had deliberately protected.
Brightness moves every pixel in the same direction, making the whole frame lighter or darker. Contrast pushes values away from the midpoint, so darks get darker while lights get lighter. A dim image needs brightness and a flat, grey looking image needs contrast.