How to use it
- Click Choose a file or drop a picture on the box. You can also paste one with Ctrl+V.
- Pick a Preset as a starting point, or move the sliders one by one. The picture updates as you move them.
- Slide the split to compare the filtered picture with the original, and click Reset to start again.
- Choose an Output format and click Download image to save the picture at its full size.
What each filter does
Brightness adds light to every colour or takes it away, and contrast pushes the light and dark parts apart or pulls them together. Saturation sets how strong the colours are: at -100 the picture is grey. Hue turns every colour round the colour wheel by the number of degrees you choose.
Grayscale, sepia and invert mix the colours towards grey, a brown tone or their opposites. Blur softens the picture, sharpen makes edges crisper, and dark corners draws the eye to the middle by darkening the edges.
The order of the filters
The colour adjustments are applied first, then the blur, the sharpening and the dark corners. So a blur softens the colours you have already chosen. The same settings always give the same picture, whichever slider you moved first.
Full size and large pictures
The preview works on a small copy of the picture, so it stays quick. The saved file is made from the picture's full size. A large picture is filtered in a background worker, which stops if the filter takes longer than two minutes.
Example: an old-style photo
Choose the Vintage preset on a family photo. It adds 40 % sepia, lowers the contrast by 10 and the saturation by 15, and darkens the corners by 35 %. Slide the split to check the faces, then click Download image.
Frequently asked questions
Is my picture uploaded when I apply a filter?
No. Your browser calculates the filters on your own device, and the saved file is made there too. You can check by turning off your internet connection after the page has loaded and filtering a picture.
Why is the saved picture the same size as my original?
The filters work on every pixel of the picture, so the file keeps the original width and height. Only the preview is made smaller, to fit your screen.
What is the difference between brightness and contrast?
Brightness moves every colour lighter or darker by the same amount. Contrast spreads the light and dark parts apart, or brings them closer around the middle grey, so that details become easier or harder to see.
Can I undo a filter?
Yes. Reset puts every slider back to zero. The original file on your computer is never changed, because the tool only creates a new file for you to download.
Why does the blur take a moment on a large picture?
A blur touches every pixel several times. A large picture is handed to a background worker, so the page stays responsive, and the file is ready when the work finishes.
Should I save as PNG or JPEG?
PNG keeps every pixel exactly, so it suits graphics and pictures you will edit again. JPEG makes a smaller file for photographs, written with a little loss of detail.
Sources
- MDN: CSS filter functions, the meaning of brightness, contrast, sepia and the others
- W3C Filter Effects Module Level 1: the luma weights and the sepia matrix
- MDN: Web Workers API, running work off the page
Figures and text last checked on Tuesday, November 10, 2026.