Image Filters

Features

• Ten filters: vintage, faded, negative, X-ray, high contrast, cool, warm, greyscale, sepia, custom
• Strength from 0 to 100%, linear and live
• Keep the original contrast, so the shadows are not crushed
• Filters use pixel matrices and curves, not ctx.filter, which is unevenly supported and fails silently
• Vignette on vintage and X-ray uses normalised distance, so its shape is aspect-ratio independent
• Transparent PNGs stay transparent through a filter
• Shows the filter, its strength and the resulting file size
• Nothing is uploaded; it works offline

How to use

1. Drop an image in
2. Pick a filter and set the strength
3. Turn on Keep the original contrast if the dark areas go flat
4. Click Download to save the result

FAQ

Why not use the browser filter, ctx.filter?

Because support differs between browsers and failure is silent: setting sepia with no effect throws nothing and logs nothing, so the tool just looks broken. The core filters are therefore computed with our own pixel matrices and curves, which match across Chrome, Firefox and Safari and can be pinned down by unit tests.

When should Keep the original contrast be on?

When the filter leaves the picture flat. Faded and vintage both raise the black level, flattening the detail in the shadows; the switch adds the original luminance deviation back, restoring the light and dark without shifting hue. Leave it off for a stronger stylised look.

What strength should I use?

70% to 100% is visibly effective most of the time. Strength is a linear blend between the original and the full effect, so 50% is about half the flavour. All-or-nothing effects such as negative or greyscale want 100%; gentle ones such as cool or warm look more natural at 40% to 70%.

Is the image uploaded?

No. Filters are computed pixel by pixel in your browser, entirely in local memory, and it works offline.