BrowserTools

Image Filters

Grayscale, sepia, invert, blur & adjustments

By Guga — BrowserTools maintainer, Tbilisi, Georgia Updated 2026-09-12
Free Private No uploads
What is Image Filters?

Seven adjustments, each on its own slider, composited in order and previewed live on the image itself. The four colour filters — grayscale, sepia, invert, and saturation — are the obvious ones. The other three do more than they sound: brightness and contrast are centred at 50% so you can push either direction from a neutral starting point, and blur converts its slider to pixels, with the top of the range meaning a twelve-pixel radius. Five presets set a combination in one click — Black & white, Vintage, Cool, Dramatic, or back to No filter — and then you can adjust from there rather than starting blind. Filters stack, so grayscale plus extra contrast is a punchier monochrome than either alone. The preview is applied with CSS for speed; Export as PNG bakes the same filter chain into the pixels and starts the download.

Apply Instagram-style filters and adjustments — grayscale, sepia, invert, blur, brightness, contrast and saturation — with live preview and fine-tuned sliders. Exports as a PNG.

Private Image Filters In Your Browser

Image Filters is processed locally with client-side JavaScript. Your files never touch a server, and there is no queue to wait in.

Step-by-Step

How to use Image Filters

1

Load a picture through the Drop an image to add filters target, which opens to any image type.

2

Click a preset — No filter, Black & white, Vintage, Cool, or Dramatic — or move the individual sliders yourself.

3

Watch the preview update live as you combine grayscale, sepia, invert, blur, brightness, contrast, and saturation.

4

Press Export as PNG, which writes the filtered pixels and starts the download automatically.

Key Capabilities
  • Seven independent sliders: grayscale, sepia, invert, blur, brightness, contrast, and saturation
  • Five one-click presets — No filter, Black & white, Vintage, Cool, and Dramatic
  • The preview updates live as sliders move, using the browser's own filter pipeline
  • Export writes a PNG with the filter chain permanently applied to the pixels
Common Use Cases
  • A designer preparing a monochrome version of a hero image for a print piece that cannot reproduce colour.
  • A support author converting a screenshot to grayscale for a documentation page that prints on one ink.
  • A photographer previewing a sepia treatment on a portrait before committing to the look.
Clear Answers

Frequently Asked Questions

Do the filters get applied to the original file?
No. The file on disk is never touched. Export creates a new PNG with the filters baked in, and leaves the source exactly as it was.
What format does it export?
PNG only. That is deliberate for a filtered result: JPG would add a second lossy pass on top of whatever the sliders have already done to the pixels.
How does the blur slider work?
It maps to a real pixel radius rather than a percentage, with the top of the range at about twelve pixels. That is why small values look subtle and large ones smear — the slider is measuring distance in the image, not intensity.
Is the image uploaded to apply filters?
No. Both the live preview and the export are done locally in the browser, so no request leaves the page.