A LITTLE HELP. A LOT DONE.
Good tools.
Great flow.

Your shortcut to the everyday. Create, convert, calculate,
and get back to what you love.

✓ Free to use✓ No sign-up✓ 500+ possibilities
Image

Image Grayscale, Sepia & Filter Tool

Apply grayscale, sepia, invert, blur, or sharpen filters to any image in your browser. Preview and download as PNG.

Loading interactive tool…

About this tool

This Image Filter Tool lets you apply five classic photo filters — Grayscale, Sepia, Invert, Blur, and Sharpen — to any image directly in your browser. All filters run on the HTML5 Canvas API: grayscale and sepia use per-pixel matrix transforms, invert flips channel values, blur uses the browser's native CSS filter blur for performance, and sharpen applies a 3×3 convolution kernel. An intensity slider from 0–100% lets you blend between the original and the full filter effect for fine-tuned results.

Why use it

  • Five filters in one tool with adjustable intensity

  • Per-pixel transforms preserve full image resolution

  • No server upload — all processing is in-browser

  • Sharpen filter uses a convolution kernel for real edge enhancement, not just CSS tricks

  • Free and unlimited — no monthly cap or watermark.

  • Works on any modern browser including mobile, no install needed.

How to use

  1. Upload your image using the file picker
  2. Click a filter button: Original, Grayscale, Sepia, Invert, Blur, or Sharpen
  3. Drag the Intensity slider to blend between the original and full filter strength
  4. Switch between filters freely — the original data is always preserved
  5. Click 'Download PNG' to save the filtered image
  6. Use the Original button at any time to instantly compare against the unmodified upload.
  7. Combine filters by downloading the result and re-uploading it as a new image, then applying a second filter.

When it helps

  • When you need a quick black-and-white version of a photo
  • When adding a vintage sepia tone to portraits
  • When creating inverted color art for posters or backgrounds
  • When softening or sharpening an image before web publishing
  • When prepping product images for a vintage-themed e-commerce store.
  • When converting a series of photos to a uniform black-and-white style for a portfolio.

Examples

Wedding photo to sepia

Input

A 3000x2000 color wedding portrait

Expected result

Same portrait with Sepia at 80% intensity, downloaded as a 3000x2000 PNG

Black-and-white blog header

Input

A 1920x600 horizontal landscape banner

Expected result

Grayscale 100% intensity 1920x600 PNG ready for a minimalist blog header

Sharpen blurry screenshot

Input

A 1280x720 screenshot saved at low quality

Expected result

Same image with Sharpen at 50% intensity, edges crisper, exported as PNG

Tips

  • Apply Grayscale at 70% intensity for a 'desaturated but still color' editorial look popular in magazines.
  • Sepia at 60–80% intensity gives a warm vintage feel without making the image look like an obvious 'old photo' filter.
  • Use Sharpen on slightly soft web photos before publishing — even 30% intensity can recover apparent detail.
  • Blur the background of a portrait first (using a separate masking tool), then run Sharpen on the original to pop the subject.
  • Switch filters freely without re-uploading — the cached original ImageData makes filter swapping instant.

Frequently Asked Questions

How does the Sepia filter work?
It applies a standard sepia matrix: each output channel is a weighted sum of the input R, G, and B values, producing warm brownish tones characteristic of old photographs.
Why does the Blur filter look different from the others?
Blur uses the browser's built-in CSS filter (ctx.filter = 'blur(Xpx)') for performance, while the other filters use per-pixel math. The result is identical to CSS blur.
Can I apply multiple filters at once?
Each click selects a single active filter. To combine effects, download the result and re-upload it, then apply a second filter.
What is the Intensity slider range?
0% shows the original image unchanged; 100% applies the full filter effect. Values in between linearly blend pixel-by-pixel between the two.
Does the Sharpen filter work on large images?
Yes, but very large images (over 10 megapixels) may take a moment because the 3×3 convolution iterates every pixel. A progress indicator is not shown, but the result appears within a few seconds.
Is the original pixel data preserved between filter switches?
Yes. The original ImageData is cached on upload. Every filter re-processes from that cached original, so switching filters never degrades quality.
Are the filters reversible after download?
PNG output bakes the filter into the pixel data, so a saved file cannot be 'unfiltered.' Keep the original separately if you need it.
Why do my colors look slightly different than expected after Invert?
Invert flips RGB channels but does not flip the alpha channel, so transparent areas remain transparent. The visible color shift is exactly 255 minus each channel value.

Explore the category

Image Rotate Tool Rotate images 90° CW, 90° CCW, or 180° in your browser. Canvas-based, instant PNG download. Image to ASCII Art Converter Convert any image to ASCII art in your browser. Adjust columns, character set, and download as PNG or copy the text. Image Border & Frame Adder Add a custom border with color and rounded corners to any image. Browser-only, download as PNG. Image to SVG Tracer Convert PNG, JPG, or GIF images to scalable SVG vectors in your browser. Adjust colors, smoothness, and download. Brightness, Contrast & Saturation Adjuster Adjust image brightness, contrast, and saturation in real time in your browser. Download as PNG. Image Crop Tool Crop rectangles including square presets before PNG download.
How Image Compression Works: The Science Behind Smaller Files When you drag a JPEG quality slider from 100 to 80, what actually changes in the file? Understanding the compression algorithm helps you mak Apr 2026 · 9 min Image Formats Explained: JPEG, PNG, WebP, AVIF, GIF Compared Choosing the wrong image format can double your page weight or break compatibility in older browsers. This guide cuts through the noise with Apr 2026 · 9 min WebP: Why You Should Switch from JPEG and PNG Today WebP typically achieves 25-35% smaller file sizes than JPEG at equivalent quality, and browser support is now essentially universal. The cas Apr 2026 · 8 min

Glossary

Convolution kernel
A small matrix (here 3x3) of weights applied to each pixel and its neighbors to produce a filtered output value — the basis of sharpen, blur, and edge detection.
Sepia matrix
A 3x3 color-mixing matrix that combines R, G, and B in fixed weights to produce the warm reddish-brown tones of vintage prints.
Color inversion
Subtracting each channel from 255 (R = 255 - R) to produce a photographic-negative look.
Gaussian blur
A smoothing operation that weights pixels by a bell curve — the algorithm behind the browser's CSS blur filter.
Edge enhancement
Increasing contrast at boundaries between regions to make an image appear sharper without adding new detail.
Linear blending
A pixel-level mix of two images using the formula output = (1 - t) * original + t * filtered, where t is the intensity.