How to adjust image contrast in the browser
The image is drawn onto an HTML canvas with the contrast filter set to your slider value and exported as a PNG. Every slider move redraws from the original, so you can explore the range without accumulating any damage before you download.
Contrast scales each pixel's distance from the middle of the range. Above 100% it separates the tones and eventually clips both ends; below 100% it compresses everything towards mid grey, which is exactly what you want under overlaid text.
- Choose an image with the file picker.
- Drag the slider, using the percentage readout above it; 100% is the untouched original.
- Check both extremes of the picture, not the middle: stop before the blacks go solid or the whites go flat.
- For a background you will put text on, go below 100% (around 70%) rather than above it.
- Click Download PNG when the preview looks right.