Image Brightness Adjuster — Fix Photo Lighting

Lighting is the most common problem in amateur photography. Photos come out too dark because the subject was backlit, too bright because the flash was too close, or flat because the scene was overcast. A dedicated image brightness adjuster fixes these issues without the complexity of a full photo editor — you drag a slider, see the result instantly, and download.

Keynou's image brightness adjuster handles brightness, contrast, and exposure corrections in real time, entirely in your browser.

Brightness vs Contrast vs Exposure

These three controls are often confused because they all affect how light or dark an image appears. Understanding the difference is the key to fixing lighting problems effectively.

Brightness

Brightness shifts every pixel's value by the same amount — it adds or subtracts light uniformly across the entire image. Increasing brightness makes dark areas lighter but also makes already-bright areas brighter, which can wash out highlights.

• Use when: The entire image is uniformly too dark or too bright
• Risk: Blows out highlights or crushes shadows if pushed too far

Contrast

Contrast controls the difference between light and dark areas. Increasing contrast makes darks darker and lights lighter, which adds punch and perceived sharpness. Decreasing contrast flattens the image, reducing the dynamic range.

• Use when: The image looks flat or hazy and needs more separation between tones
• Risk: High contrast loses detail in shadows and highlights simultaneously

Exposure

Exposure simulates changing the camera's exposure setting — it adjusts the image's tonal range in a way that's more natural than a simple brightness shift. It typically applies a logarithmic curve that affects midtones more than extremes, preserving shadow and highlight detail better than linear brightness.

• Use when: The photo is underexposed (too dark overall) or overexposed (too bright overall)
• Risk: Less than brightness, but extreme values still clip detail

How Brightness Adjustment Works in the Browser

Browser-based brightness adjustment uses the Canvas API to manipulate pixel data directly. Here's a simplified example:

function adjustBrightness(imageData, amount) {
  const data = imageData.data;
  // amount ranges from -100 to +100
  for (let i = 0; i < data.length; i += 4) {
    data[i]     = clamp(data[i]     + amount); // Red
    data[i + 1] = clamp(data[i + 1] + amount); // Green
    data[i + 2] = clamp(data[i + 2] + amount); // Blue
    // Alpha (data[i + 3]) is unchanged
  }
  return imageData;
}

function clamp(value) {
  return Math.max(0, Math.min(255, value));
}

For contrast, the formula is different — it scales each pixel's distance from the midpoint (128) rather than adding a flat value:

function adjustContrast(imageData, factor) {
  const data = imageData.data;
  // factor > 1 increases contrast, < 1 decreases
  for (let i = 0; i < data.length; i += 4) {
    data[i]     = clamp((data[i]     - 128) * factor + 128);
    data[i + 1] = clamp((data[i + 1] - 128) * factor + 128);
    data[i + 2] = clamp((data[i + 2] - 128) * factor + 128);
  }
  return imageData;
}

Because this runs on the CPU via the Canvas API, results are instant for typical image sizes. For very large images, the CSS filter approach used in the image filters editor offers GPU-accelerated preview, though pixel-level manipulation gives more control for final output.

Fixing Underexposed Photos (Too Dark)

Underexposed photos are the most common problem, especially with phone cameras in low light. Here's the correction process:

1. Increase brightness first: Raise the overall light level until midtones look natural. Don't worry if highlights look slightly blown out at this stage.
2. Add contrast: Underexposed photos tend to look flat after brightening because the tonal range was compressed. Adding contrast restores separation between light and dark areas.
3. Check shadows: Zoom into shadow areas. If they're pure black with no detail, the original data was clipped and can't be recovered. If there's faint detail, a small brightness increase may bring it out.
4. Watch for noise: Brightening dark areas amplifies digital noise. If the image gets grainy, back off the brightness and accept slightly darker shadows.

Tip: If your phone shoots in RAW, start with the RAW file. RAW preserves more shadow detail than JPEG, giving you more headroom for brightening.

Fixing Overexposed Photos (Too Bright)

Overexposed photos are less common but harder to fix — blown-out highlights contain no data to recover. The process:

1. Decrease brightness: Lower the overall light level until midtones look correct.
2. Add contrast slightly: Overexposed images are often low-contrast because everything is pushed toward white. A small contrast increase helps.
3. Check highlights: If large areas are pure white, no amount of adjustment will bring back detail. The only fix is to darken the surrounding tones so the white areas look intentional.
4. Consider a graduated filter: If only part of the image (like the sky) is overexposed, a local adjustment works better than a global brightness change.

When to Use Brightness Adjustment vs Filters

Brightness adjustment is a surgical tool — it fixes a specific lighting problem. If your image also needs color correction, vintage effects, or other stylistic changes, the free online image editor combines brightness controls with filters, cropping, and resizing in one workflow.

As a rule of thumb:

• Just too dark or too bright? Use the brightness adjuster directly.
• Multiple issues (lighting + color + composition)? Use the full editor.
• Applying a consistent look across many images? Use filters with brightness built into the preset.

Batch Processing

When you've shot a series of photos in the same lighting conditions — an event, a product shoot, a vacation — they likely all need the same brightness correction. Batch processing applies identical adjustments across all images:

1. Upload the set
2. Adjust brightness and contrast on the first image
3. Apply the same values to all images
4. Download the batch

This ensures consistency and saves significant time compared to editing each photo individually.

Start Adjusting

Open the image brightness adjuster, drop in a photo, and drag the brightness and contrast sliders to see real-time changes. Everything runs locally in your browser — no upload, no account, no watermark. For a deeper understanding of how digital image histograms work, Wikipedia's histogram article provides a solid technical foundation.