Filters & Effects Online
Add a light finish to photos without opening a complicated desktop editor.
A second draw, faded by the strength slider
Filters and Effects does not upload the photo and does not run a neural grade. It paints the original onto a canvas, then, if you picked a preset and the strength is above zero, paints the same image again with a CSS filter and a global alpha equal to the strength. Strength runs from 0 to 100 and starts at 100. At 0 you are looking at the first draw, the original. At 100 the filtered draw fully covers it. At 40 you see a mix, because the filtered copy is 40% opaque on top of the untouched pixels.
The presets are fixed CSS strings, not sliders for contrast and hue separately:
| Preset | Filter |
|---|---|
| Original | No second draw. |
| B&W | grayscale(1) |
| Vintage | sepia(.75) saturate(1.2) |
| Vivid | contrast(1.18) saturate(1.35) |
| Cinematic | contrast(1.12) brightness(.92) saturate(.8) |
| Muted | brightness(1.08) saturate(.7) |
| Cool | hue-rotate(-12deg) saturate(1.1) brightness(1.03) |
| Warm | hue-rotate(12deg) saturate(1.15) brightness(1.02) |
The download is always a PNG, named with the preset, for example street-vintage.png or street-b&w.png. Original still exports a PNG of the unfiltered draw if you download it. PNG is lossless relative to the canvas. It can be much larger than the JPEG you started with. Compress the PNG if you need a smaller JPEG or WebP after you like the look.
What a CSS filter cannot do
These presets shift the whole frame. They do not mask a sky, replace a background, or retouch a face. Cool and Warm are 12 degree hue rotates, which is a small cast, not a teal-and-orange grade with separate wheels. Vivid boosts contrast and saturation together. If skin turns orange, lower the strength. You cannot turn saturation down while leaving the contrast at the preset value. Strength is the only mix.
Stacking is not available. One preset is active. If you download and drop the PNG back in for a second preset, you are filtering an already filtered image, and the mix is no longer “this preset at 40% on the camera original.”
The preview you see before download is a copy scaled to fit about 900 pixels on the long side. The file you save is the full-resolution canvas, still a PNG, still the same filter. Do not judge sharpness from the small preview alone. Open the PNG at 100% if the picture has fine type or a product edge. A JPEG you dropped in has already been compressed once. The filter does not repair that. It only tints or contrasts the bitmap you gave it.
Looks that match a preset you can actually select
- A product photo that must sit next to others without a color cast. Original, or Warm at a low strength if the light was slightly blue. Check the white background. A hue rotate tints the white too.
- A portrait you want less loud. Muted raises brightness a little and pulls saturation to 0.7. It is not a skin retouch.
- A street photo for a monochrome layout. B&W at 100 is full grayscale. At 50 you still see some of the original color through the mix.
- A sunset you want heavier. Cinematic darkens slightly and pulls saturation down. Vintage adds sepia. They are different files if you need both. Save twice.
Steps
- Drop one image. The preview updates as soon as it decodes.
- Pick a preset. Leave strength at 100 to see the filter as written, then back it off if the cast is too strong.
- Download the PNG. The name includes the preset label.
- If the next stop is a web page, compress that PNG. The filter page does not offer a JPEG quality slider.
Frequently asked questions
Does the filter run on a server?
No. The canvas and the CSS filter run in the browser. The photo is not uploaded.
What does strength do?
It sets the opacity of a second, filtered draw on top of the original. 0% is the original. 100% is the preset at full strength. The default is 100%.
Can I edit contrast without the preset?
No. Contrast, saturation, brightness, and hue are baked into the named presets. Strength is the only continuous control.
Why is the download a PNG?
Every preset, including Original, exports a PNG named with the preset. There is no JPEG option on this page.
Will B&W at 50% be half gray?
It is a 50% opaque grayscale copy over the color original, so color still shows through. It is not a desaturation slider set to 0.5.
Can I stack Vintage and Cool?
Not in one pass. Download one, then drop that PNG in again if you accept filtering the already filtered pixels.