Filters

Filters adjusts an image with nine live sliders: brightness and contrast from 0 to 200%, saturation to 300%, hue rotation from −180° to 180°, sepia, grayscale and invert from 0 to 100%, blur up to 20 px, and a vignette that darkens the corners. Eight of the nine are built into a single canvas filter string, which the browser accelerates in hardware; the vignette has no CSS equivalent, so it is drawn as a separate radial gradient in multiply mode. Five presets — Punch, Faded, Noir, Warm and None — write into those same sliders rather than locking a mode, so you can adjust any of them afterwards.

How it works

  1. Drop your images Drag one or more files onto the drop area. Batches are processed through a small pool of Web Workers, so the page stays responsive while they encode.
  2. Start from a preset, or don't Pick Punch, Faded, Noir or Warm to move several sliders at once. Each preset is a complete state, not an offset, so picking it twice does the same thing.
  3. Move the sliders Every change re-renders the preview. Double-click any slider to send it back to its neutral value, or press Reset all to return the whole set to neutral.
  4. Choose the output format Keep writes each file back in the format it arrived in. WebP, PNG and JPEG are the alternatives, and a quality slider appears for the lossy ones.
  5. Process and download Press Process, then Download. The recipe strip above the preview lists the adjustments that are actually off neutral.

Questions

Why does moving the saturation slider do nothing?
In Filters, grayscale runs after saturation and hue in the filter chain. With grayscale at 100% neither of the earlier two can show, because the color they were shaping has already been removed. The tool posts a notice saying so. Lower grayscale below 100 and both take effect again.
Is blur slow on large images?
It can be. Filters applies blur at full resolution rather than to a downscaled copy, so a wide radius on a large photograph takes real time. A warning appears once the radius reaches 10 px of the 20 px maximum.
Where does the processing happen?
Entirely on your own machine. Filters runs the decode, adjust and encode pipeline in a pool of up to four Web Workers in your browser tab — nothing is uploaded, there is no account, and it works offline after the first load. Where a browser lacks OffscreenCanvas, the same pipeline falls back to the main thread instead of failing.

Every tool