Upload an image to get started

Or try an example

Result preview

Result will appear here
Blur radius

Help Us Improve

(—)

Blur background of photo online

Blur background of photo online with one click. Select a sample point on the background, adjust blur radius and threshold, preview instantly, and.

What is background blur?

Background blur is a photo effect that selectively softens or diffuses the background of an image while keeping the foreground subject sharp. This tool applies a box blur to background regions identified by color similarity to a sample point you choose. Upload a photo, click on the background to sample, adjust blur radius and color threshold, preview side by side, and download PNG — all in your browser. The effect is not automatic AI segmentation; it works best when the background has a reasonably uniform color that differs from the subject.

Background blur features

Selective background blur with color-based masking and adjustable controls.
  • Color-based background detection

    Click any background pixel to sample its color — similarly colored regions are automatically detected and blurred.

  • Adjustable blur radius

    Control the blur strength from subtle softening (radius 1) to heavy background blur (radius 50).

  • Threshold fine-tuning

    Expand or narrow the color range that gets classified as background for precise masking.

  • Edge softness controls

    Round borders and smoothen strength options create natural transitions between sharp and blurred areas.

  • Live before/after preview

    See the result update instantly as you adjust any setting.

  • PNG download

    Download the final image with background blur applied as a high-quality PNG.

How to blur the background of a picture

Simple steps for online background blurring with selective masking.
  1. Upload an image

    Drop or click to upload a PNG, JPEG, WebP, or GIF (15 MB max).

  2. Click the background

    Click on the background area in the preview to sample the color you want to blur.

  3. Adjust blur and threshold

    Use the blur radius slider for blur strength and threshold to control the color range.

  4. Download PNG

    Save the result when the selective blur preview matches your goal.

Tips for blurring photo backgrounds

Better results for background blur effect.
  • 01

    Sample a representative pixel

    Click on a central area of the background, not near the subject edge, for the best color match.

  • 02

    Start with low threshold

    Increase threshold gradually to avoid accidentally blurring parts of your subject.

  • 03

    Use smoothen for natural edges

    Enable smoothen borders to create a soft transition between sharp and blurred areas.

  • 04

    High-contrast backgrounds work best

    The tool performs best when the subject and background have clearly different colors.

  • 05

    Resize large photos first

    Downscale very large images on /resize-image before processing for faster results.

  • 06

    Try different sample points

    If the result is uneven, try clicking different background areas to find the best color match.

Background Blur Tools Compared — Which One Fits Your Workflow

How this free background blur tool stacks up against other popular online options for selectively blurring photo backgrounds.
  1. Fotor.com

    AI-powered blur editor with automatic subject detection for background blur. Brush tool for manual refinement and adjustable intensity. The AI detection is impressive but requires a Pro subscription for AI features—the free tier only offers standard blur tools.

  2. Canva.com

    One-click Auto Focus tool for automatic background blur with subject sharpening. Integrated into full design suite. Requires a Canva account to download results, and background blur is a single-click operation with limited manual adjustment.

  3. BlurImage.net

    Multiple blur types (Gaussian, Pixelate, Motion) with precision brush for selective application. Free brush tool works well for manual masking. However, the brush-based approach means users must paint the background manually—no automatic color-based detection.

  4. BlurPhoto.net

    AI background detection with 7 professional blur effects and brush painting. Batch processing support. The AI model automates subject detection well, but the variety of effects (motion, zoom, etc.) may overwhelm users who just want simple background blur.

  5. Blur Background of Photo

    Color-based background detection: click the background to sample, then adjust blur radius (1–50) and threshold. Smoothen and round border controls for natural edge transitions. No AI needed—works with simple color-distance math. All processing in your browser—no uploads, no watermarks, no signup.

When to blur photo backgrounds

Typical uses for selective background blurring.
  • Portrait photos

    Blur the backdrop of portrait shots to make the subject stand out — ideal for profiles and social media.

  • Product photography

    Focus attention on the product by blurring a busy or distracting background.

  • Video thumbnails

    Create depth-of-field effects for YouTube thumbnails and social media graphics.

  • E-commerce listings

    Clean up product images by softening cluttered backgrounds without removing them entirely.

  • Privacy protection

    Blur sensitive background details in photos before sharing online.

  • Creative effects

    Achieve a shallow depth-of-field look for artistic shots without needing a fast lens.

Why use this background blurer

Benefits of browser-based selective background blur.
  • One-click background sampling

    No complex masks or brushes — just click to select what to blur.

  • Selective blur

    Blur the background while keeping the foreground subject completely sharp.

  • No AI needed

    Works entirely with color-distance math — no API keys, no cloud processing.

  • Real-time preview

    See blur changes instantly as you tweak radius and threshold.

  • Private & offline-capable

    Images stay on your device — no uploads, no servers.

  • Free & unlimited

    No usage limits, no watermarks, no sign-ups.

Technical details

How selective background blur processing works.
Color distance
Euclidean RGB distance from sample point determines background membership.
Box blur
Uniform box blur applied to background-identified pixels with adjustable radius.
Alpha mask
Per-pixel alpha mask with soft edge feathering controls smooth transitions.
Composite
Blurred version blended with original using the alpha mask as a guide.
Input limits
15 MB upload; 8192 px max edge.

Sources & References

Authoritative references on bokeh background blur, depth-of-field photography, and the Canvas rendering technology this tool uses.
  • Bokeh is the aesthetic quality of the blur produced in out-of-focus parts of an image.
    Wikipedia — Bokeh

    Bokeh in photography: Bokeh describes the pleasing or aesthetic quality of background blur. This tool produces a similar effect by applying a box blur to color-matched background regions. en.wikipedia.org/wiki/Bokeh

  • The Canvas API provides a means for drawing graphics via JavaScript and the HTML canvas element.
    MDN Web Docs — Canvas API

    Canvas API (client-side pixel manipulation): This tool reads pixel data with getImageData, applies a selective box blur based on color distance, and composites the result using Canvas 2D — all in your browser with no server uploads. developer.mozilla.org/en-US/docs/Web/API/Canvas_API

  • PNG supports lossless data compression, making it useful for storing graphics that need to be edited repeatedly without losing quality.
    W3C — PNG Specification (overview)

    PNG image format: Downloading a background-blurred image as PNG keeps the transition between sharp and blurred areas lossless. PNG is ideal for preserving the selective blur mask quality. w3.org/TR/PNG/

  • Depth of field is the distance between the nearest and farthest objects in a scene that appear acceptably sharp in an image.
    Wikipedia — Depth of field

    Depth of field in photography: Selective background blur simulates the shallow depth-of-field look often achieved with fast lenses in portrait and macro photography. en.wikipedia.org/wiki/Depth_of_field

Frequently Asked Questions

Quick answers about this tool—open a question to read more.