PNG Brightness Changer

Uploads a PNG, decodes it onto an off-screen canvas, and adds a flat offset to every pixel's RGB channels to brighten or darken the image, then lets you download the adjusted PNG. A free online tool from Staaarter, right in your browser.

Runs locallyUpdated 2026-07-26

Overview

Introduction

This tool brightens or darkens a PNG by adding a flat offset to every pixel's color channels, entirely in your browser.

It works on a plain pixel buffer, so nothing you upload is sent to a server.

What Is PNG Brightness Changer?

A brightness adjustment tool that shifts every RGB channel of every pixel by the same amount, based on a -100 to 100 slider.

It leaves the alpha channel untouched, so transparency is fully preserved.

How PNG Brightness Changer Works

The chosen amount (-100 to 100) is scaled to a -255 to 255 byte offset, which is added to each pixel's red, green, and blue values.

Every resulting channel value is clamped back into the valid 0-255 range, so very bright or dark adjustments simply clip rather than wrapping around.

When To Use PNG Brightness Changer

Use it to lighten a dark photo, dim an overly bright graphic, or make quick brightness adjustments before further editing.

It's a fast, single-slider alternative to opening a full photo editor for a simple exposure tweak.

Features

Advantages

  • Runs entirely client-side; nothing you upload leaves your device.
  • A single, intuitive slider covers the full range from much darker to much brighter.
  • Preserves the alpha channel exactly, so transparent PNGs stay transparent.

Limitations

  • A flat offset affects shadows and highlights equally, unlike more advanced tools that adjust brightness curves non-linearly.
  • Pixels already at 0 or 255 in a channel can clip, losing detail in extreme highlights or shadows.

Examples

Brighten a dark photo

Input

A dim indoor photo PNG, amount 40

Output

The same photo with all channels shifted up, visibly lighter

A positive amount adds a flat offset to every channel, lightening the whole image uniformly.

Darken an overexposed graphic

Input

A washed-out PNG, amount -50

Output

The same PNG with all channels shifted down, visibly darker

A negative amount subtracts from every channel, darkening the whole image uniformly.

Best Practices & Notes

Best Practices

  • Use small adjustments (10-30) for subtle corrections; large swings can wash out or crush detail.
  • Check highlight and shadow areas after adjusting, since they're most likely to clip.

Developer Notes

The pure brightness math lives in a lib function operating on a Uint8ClampedArray pixel buffer with clampByte guarding every channel write, so it's fully testable under Node without a canvas.

PNG Brightness Changer Use Cases

  • Lightening a dark screenshot before sharing it
  • Correcting a slightly underexposed product photo
  • Quickly previewing a darker or lighter variant of a graphic

Common Mistakes

  • Pushing the amount to an extreme and clipping highlight or shadow detail entirely.
  • Expecting brightness changes to affect transparency — only RGB channels are adjusted.

Tips

  • Combine with the contrast changer for more nuanced tonal adjustments than brightness alone.
  • If an image looks washed out after brightening, try the contrast changer next to restore some punch.

References

Frequently Asked Questions