All tools Image Filters ● Live Image / Inspection How this tool works

Image Filters

Image Filters applies CSS filter effects to uploaded images: Grayscale, Sepia, Invert, and High Contrast. The preview updates instantly when you select a filter. Download the filtered result as a PNG by applying the filter through the canvas API for a pixel-accurate output.

Image Filters Runs locally
Step by step

How to use it

  1. Upload an image by clicking the upload area or dragging it in.

  2. Select a filter: Grayscale, Sepia, Invert, or High Contrast.

  3. Preview the effect live on your image.

  4. Switch to 'Original' at any time to compare with the unfiltered image.

  5. Download the filtered result as a PNG.

When to use it

Use cases

  • Convert a color photo to grayscale for a classic black-and-white look.

  • Apply a sepia filter for a vintage photo effect.

  • Use invert to create a negative-style image for design or artistic purposes.

  • Apply high contrast to make a faded scanned document more readable.

  • Quickly preview how a photo would look in grayscale before using it in print.

Limits & privacy

What this tool does and does not do

Private by design

Filters are applied locally using the canvas API. Your image is never uploaded to a server.

  • Only one filter can be applied at a time — filters cannot be stacked.

  • Output is always PNG regardless of the input format.

  • Filter intensity is fixed per filter; there are no adjustable sliders.

Background

Grayscale conversion is not just desaturation

Converting to grayscale collapses three colour channels into one brightness value, and how that collapse is weighted decides whether the result looks right.

The human eye is far more sensitive to green than to red, and least sensitive to blue. A naive average of the three channels therefore renders greens too dark and blues too light, which is why averaged conversions look muddy. Perceptual weighting — green counting for roughly twice red and far more than blue — matches how brightness is actually perceived.

The practical consequence shows up in images where colours carry meaning. A red chart line and a green one at similar saturation can converge to nearly the same grey, making a legible colour chart unreadable in grayscale. Check the result rather than assuming information survived.

One consequence is worth knowing before you use the result. Processing happens by drawing the image onto a canvas and encoding what was drawn, and a canvas holds pixels only. Every piece of metadata is therefore dropped: EXIF, the camera model, the timestamp, the colour profile, and any embedded GPS coordinates. That is excellent if you are stripping location data before posting a photo, and a real loss if you were relying on capture dates to keep an archive in order. Keep the original.

Questions

Frequently asked questions

Are the filters applied non-destructively?

Yes. The original image is kept in memory and filters are applied visually on top — switching back to 'Original' removes all effects. The filter is only baked into the pixels when you click Download.

Can I apply multiple filters at once?

The current version applies one filter at a time, so only one of Grayscale, Sepia, Invert, or High Contrast is active at any given moment.

What's the difference between Grayscale and High Contrast?

Grayscale removes all color, converting the image to shades of gray while preserving relative brightness. High Contrast keeps color but increases the difference between light and dark areas.

Why would I convert a photo to grayscale?

Grayscale is often used for a classic or dramatic look in photography, to reduce file size slightly, or to preview how a design will look in black-and-white printing.

Does Invert create a 'negative' effect?

Yes. Invert flips each pixel's color to its opposite on the color wheel, producing a photographic-negative look.

What format is the downloaded image?

The filtered image is downloaded as a PNG with the filter effect baked into the pixel data.

Will the filter affect transparency in PNG images?

Transparent areas remain transparent — the filters affect color and brightness of visible pixels only, not the alpha channel.