How to Blur the Background of a Photo

Why blur the background?

Background blur — sometimes called bokeh — directs the viewer's attention to the subject by reducing visual noise. It is the signature look of portrait photography taken with a wide-aperture lens. Digital blur tools replicate this effect on photos that were taken without it.

Method 1: Snapseed (free, iOS & Android)

1. Open Snapseed and load your photo
2. Go to Tools > Lens Blur
3. Drag the focus point (the inner circle) over your subject
4. Adjust the outer ring to set how far the sharp area extends
5. Set Blur Strength (0–100) and Transition (how quickly the blur fades in)
6. Tap the tick to apply and export

Method 2: iPhone Portrait mode

Take portraits in Portrait mode to capture background blur automatically. On existing Portrait photos: open in Photos app, tap Edit, and use the f/ depth slider at the top left to adjust blur strength.

For non-Portrait photos on iPhone: use Snapseed (above) or an online tool in Safari.

Method 3: Photoshop (desktop)

1. Open your image
2. Go to Select > Subject (AI-powered, works in one click)
3. Refine the selection if needed: Select > Select and Mask
4. Invert: Ctrl+Shift+I (Win) / Cmd+Shift+I (Mac)
5. Apply: Filter > Blur Gallery > Field Blur — set blur strength (10–25px)
6. Click OK and save

Method 4: GIMP (free desktop)

1. Use Fuzzy Select or Scissors Select to select the background
2. With background selected: Filters > Blur > Gaussian Blur
3. Set radius (10–30px) and click OK

Method 5: CSS blur background

/* Frosted glass effect — content stays sharp */
.card {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Blurred background image — content stays sharp */
.hero {
  position: relative;
}
.hero::before {
  content: '';
  position: absolute;
  inset: -20px;  /* prevent blur edge clipping */
  background: url('photo.jpg') center/cover;
  filter: blur(15px);
  z-index: -1;
}