How to adjust image brightness in the browser
The image is drawn onto an HTML canvas with the brightness filter set to the slider value, and the canvas is exported as a PNG. Each move of the slider redraws from the original image, so you can go back and forth freely without accumulating damage.
Brightness here is a multiplier applied to every colour channel. That makes it fast and predictable, and it also means it lifts the midtones and highlights far more than the shadows, and that it will clip anything it pushes past the top of the range.
- Choose an image with the file picker.
- Drag the slider; 100% is the original, and the percentage is shown live above the control.
- Watch the brightest parts of the picture, not the whole thing: stop before they go to flat white.
- If the shadows are the problem rather than the midtones, stop and use the contrast tool instead.
- Click Download PNG once the preview looks right.