Boneyard Tools

Image Filters and Effects

Adjust an image with live filters: brightness, contrast, and saturation sliders that each run from -100 to +100, plus one-click grayscale, sepia, and color invert. Presets like Vintage and Pop stack several settings at once. The preview updates every frame as you drag, and the download is rendered at full resolution. Everything runs in your browser, so the image never leaves your device.

How to apply filters to an image

  1. Drop a PNG, JPEG, WebP, GIF, or BMP into the drop zone, or click to browse.
  2. Try a preset such as Grayscale, Sepia, Invert, Vintage, or Pop for a one-click start.
  3. Drag the Brightness, Contrast, and Saturation sliders to fine tune.
  4. Toggle the Grayscale, Sepia, or Invert effect buttons on or off as needed.
  5. Pick an output format, set the quality for JPEG or WebP, then click Download.

Examples

Grayscale a pure red pixel

Pixel (255, 0, 0) with Grayscale on
Gray (76, 76, 76) from Rec. 601 luma

Invert a blue-ish pixel

Pixel (30, 90, 200) with Invert on
(225, 165, 55), each channel is 255 minus the input

Sepia a white pixel

Pixel (255, 255, 255) with Sepia on
Warm (255, 255, 239) after the sepia matrix

Frequently asked questions

Is my image uploaded anywhere?

No. All filtering runs in your browser on the raw pixel buffer. The image never leaves your device, so private photos stay private, and nothing is sent to a server.

Does the preview match the download?

Yes. The preview uses the exact same pixel math as the export, just on a copy scaled to fit 900 pixels on the long edge for speed. The downloaded file is processed at full resolution with identical settings.

How is grayscale calculated?

Each pixel is converted with Rec. 601 luma, which weights red at 0.299, green at 0.587, and blue at 0.114. That matches how the eye perceives brightness, so a pure red (255, 0, 0) becomes 76, not 85 as a flat average would give.

In what order do the filters apply?

Brightness first, then contrast, then saturation, then the discrete effects grayscale, sepia, and invert in that sequence. Order matters, so inverting after a sepia looks different from sepia after an invert.

What do the slider numbers mean?

Each slider runs from -100 to +100. Brightness is additive, where +100 adds a full 255 to every channel before clamping. Saturation of -100 removes all color, 0 leaves it unchanged, and +100 doubles the distance from gray.

Will it change the file type?

Only if you choose to. You can export as PNG, which is lossless, or as JPEG or WebP, which are lossy and expose a quality slider, regardless of the input format.

Does it keep transparency?

Yes for formats that support it. The alpha channel is never touched by the filters. Exporting a transparent PNG or WebP preserves transparency, while JPEG has no alpha and fills it in.

Why do very bright or dark areas lose detail?

Each channel is clamped to the 0 to 255 range after every step. Push brightness or contrast far enough and values pile up at 0 or 255, which clips shadows or highlights to solid black or white. Ease the slider back to recover detail.

Can I edit an animated GIF?

You can open a GIF, but only the first frame is decoded and filtered. The result is a single still image, not an animation.

Learn more

Related tools