Apply 12 photo filter presets or fine-tune manually with individual sliders for brightness, contrast, saturation, hue rotation, blur, and sepia. Toggle before/after comparison view. Download the filtered image as PNG or JPG.
Upload any PNG, JPG, or WebP image. The photo appears in the preview canvas. Original colors are preserved in memory so you can reset or compare at any time.
Click a filter preset (Original, Vivid, Warm, Cool, Vintage, B&W, Fade, Dramatic, Bright, Moody, Chrome, Matte) to apply it instantly. Then fine-tune with individual sliders: Brightness (-100 to +100), Contrast, Saturation, Hue Rotation (0-360°), Blur (0-10px), and Sepia (0-100%).
Toggle the Before/After split view to compare the original and filtered version side by side. Click Download PNG or Download JPG to save the filtered image. The canvas renders at the original image resolution.
This tool uses two approaches. CSS filters (brightness(), contrast(), saturate(), hue-rotate(), blur(), sepia()) are fast but limited. For more precise control, pixel manipulation reads each pixel's RGBA values from the canvas ImageData, applies mathematical transformations, and writes them back. The result is rendered on a canvas element and exported as an image.
Applying filters and saving as JPG applies lossy compression (each save cycle reduces quality slightly). Save as PNG to avoid any quality loss — PNG is lossless. Multiple saves as JPG with the same quality setting cause compounding generation loss. For editing workflows, always keep a master PNG and only convert to JPG for the final output.
Hue rotation shifts all colors around the color wheel by the specified number of degrees. 0° = original colors. 90° shifts reds toward yellows, greens toward cyans, blues toward magentas. 180° completely inverts the color spectrum (though not the same as inverting lightness). 360° returns to original. Useful for creative color grading and fixing color casts.
The Brightness filter applies a uniform linear multiplier to all pixel values — both shadows and highlights are equally affected. True Exposure adjustment (as in camera RAW editors) uses logarithmic scaling that mimics how cameras capture light, preserving more shadow detail while lifting or dropping the overall tone. This tool's Brightness slider is a CSS/canvas linear adjustment.
Original (no filter), Vivid (boosted saturation and contrast), Warm (yellow-orange hue shift), Cool (blue hue shift), Vintage (sepia + fade), B&W (black and white desaturate), Fade (reduced contrast, lifted blacks), Dramatic (high contrast, deepened shadows), Bright (raised brightness, lifted shadows), Moody (lowered brightness, high contrast), Chrome (high contrast, metallic tone), Matte (reduced contrast, lifted blacks with slight warmth).
This tool processes one photo at a time. For batch applying the same filter to multiple images, use the Image Resizer tool which can process up to 5 images. For advanced batch processing with filters, command-line tools like ImageMagick or FFmpeg offer powerful scripting capabilities.
