Home/Developer Tools/Image Filter Effects
🌗

Image Filter Effects

Apply blur, grayscale, sepia, invert and other CSS-style filters to an image

Free · No sign-up required

Stylised filters, not corrections

Where a tonal adjustment tool fixes an image that looks wrong, a filter effect deliberately changes how a correctly exposed image looks — grayscale, blur, sepia, invert and the other effects here are creative choices, not corrections. Each one is applied as a live preview using the browser's CSS-style filter pipeline, so the result you see while adjusting the strength is exactly what downloads.

What each effect is generally used for

EffectTypical use
GrayscaleRemoving colour entirely for a classic black-and-white look, or to neutralise a colour cast before other edits
SepiaA warm, aged-photograph tone, commonly used for a nostalgic or vintage feel
BlurSoftening detail — a background element, a face for privacy, or a dreamy stylistic effect
InvertFlipping every colour to its opposite — occasionally useful for checking contrast, more often a deliberate visual effect
Contrast-adjacent filtersPushing an image toward a bolder, more graphic look than a subtle correction would

Stacking effects

Effects here apply on top of each other in the order they are enabled, so a grayscale-then-sepia combination gives a different result from sepia-then-grayscale (the second one, applied last, typically dominates). If a combined result looks unexpected, try toggling effects off one at a time to see which one is producing the change you didn't want.

Filter effect or genuine photo editing?

These are single-pass filters applied uniformly across the whole image — fast, predictable, and limited by design. For anything that needs to target a specific region — blurring only a face, not the whole photo — Photo Censor / Pixelate Tool applies a targeted effect to a chosen area instead of the entire image, which is what most privacy-blurring tasks actually need.

Frequently asked questions

Can I apply more than one effect at once?

Yes — effects stack in the order they're enabled, and the preview updates live so you can see the combined result before downloading.

Why does grayscale plus sepia not look like a plain sepia photo?

The order matters — each effect processes the output of the one before it, so grayscale-then-sepia and sepia-then-grayscale can look different, and neither is necessarily 'wrong'.

Does this affect the whole image or just part of it?

The whole image, uniformly. For a targeted blur or pixelation on just one area, use Photo Censor / Pixelate Tool instead.

Will this reduce my file size?

Grayscale in particular often reduces file size somewhat, since it removes colour information the compressor no longer needs to store. Other effects have little consistent effect on size.

Can I remove EXIF data with this?

As a side effect, yes — re-encoding through a canvas, which any effect here triggers, strips EXIF metadata including camera details and GPS location.

Is my photo uploaded anywhere?

No. Effects are applied entirely in your browser.

More tools in this category

🎚
Image Brightness & Contrast Adjuster
Adjust brightness, contrast, saturation and more with a live preview
🔲
Image Grid Splitter
Cut an image into equal rows and columns for a social media grid post
🖨
Image to ASCII Art
Turn a photo into ASCII art text you can paste anywhere
SVG Stroke/Fill & PNG Converter
Convert SVG strokes to fills, or render an SVG to PNG
🔳
SVG Pattern Generator
Generate tileable SVG background patterns — dots, stripes, grids
Photo Censor / Pixelate Tool
Blur or pixelate a rectangular area of a photo before sharing it