· 4 min read
How to Blur the Background of a Portrait
Heshan Fernando
Co-founder & COO
You have one decent photo of yourself and it was taken in a kitchen. The face is fine. The background is a cupboard, a kettle, and someone’s arm. For a profile picture, the background is doing more harm than the photo is doing good.
Blurring it is the obvious fix, and it works — as long as the edge between sharp subject and soft background doesn’t announce itself.
What background blur is imitating
Optical blur comes from depth of field. A wide aperture and a subject well separated from what’s behind them produce a background that falls out of focus gradually, with the transition following the actual three-dimensional geometry of the scene.
Software blur has no depth information. It builds a mask around the subject and blurs everything outside it. The result can look identical — or it can look like a cut-out, and the difference is almost entirely in the edge.
Real optical transitions are gradual and follow depth. A mask edge is a hard line. Feathering that edge, so the blur ramps up over several pixels rather than switching on instantly, is what sells the effect. Phones with portrait modes do have depth data from multiple sensors, which is why they handle hair better than any single-image approach can.
Why people get stuck here
- Hard mask edges. The giveaway that says “edited” before anyone consciously notices.
- Hair and glasses. The two places every automatic mask struggles, because the boundary isn’t a line.
- Too much blur. Strong blur draws attention to itself, especially on a small profile picture.
- Cropping afterwards. Recropping after blurring can put the mask boundary in a much more visible position.
What good background blur looks like
Feathered edges
Several pixels of gradual transition, more where the boundary is complex. If the subject looks pasted on, feathering is the first thing to increase.
Blur strength that matches the framing
For a small profile picture, subtle blur reads as natural. Strong blur reads as a filter. The tighter the crop, the less blur you need to separate the subject.
The subject genuinely sharp
Blur works by contrast. If the original subject is slightly soft — motion, missed focus — blurring the background makes the whole image look wrong, because now nothing is sharp.
| Setting | Profile Picture | Larger Display |
|---|---|---|
| Blur strength | Subtle to medium | Medium to strong |
| Feathering | Soft — hides mask edges | Soft, more on hair |
| Export size | Square, ~1024 px | Original dimensions |
Common mistakes to avoid
- Using a photo where the subject and background are similar in tone, which gives any mask nothing to work with.
- Blurring so heavily that the background becomes a smooth gradient — real lenses keep some structure.
- Forgetting that a profile picture displays as a small circle, cropping off the corners you carefully edited.
- Applying blur to a low-resolution photo and then upscaling, which makes the mask edge worse.
- Treating a blurred background as a substitute for a background that isn’t distracting in the first place.
How to do it with Portrait Background Blur
The Portrait Background Blur processes the image in your browser, so the photo never leaves your device.
- Upload a portrait with clear separation between subject and background.
- Start with subtle blur and increase only if the background is still distracting.
- Increase feathering until the edge stops looking cut out — especially around hair.
- Export at profile size if that’s the destination, and check it small before using it.
Other browser-only photo tools — cropping, resizing, format conversion — are in the tools directory.
Frequently asked questions
Why does the edge look cut out?
Because a mask boundary is sharper than any optical transition. More feathering helps. Hair, glasses and fine detail are the hardest regions for any single-image mask, and they’re where the effect breaks down first.
Is this the same as portrait mode on a phone?
No. A phone’s portrait mode uses depth data captured at the moment of the shot. Applying blur afterwards works from the image alone, so it’s an approximation — usually a good one, occasionally an obvious one.
Does my photo get uploaded?
No. The image is read and processed in the browser. Nothing is transmitted, which matters for a photo of your own face.
Final thought
Judge the result at the size it’ll be used. A blur that looks slightly artificial at full screen is usually invisible in a 40-pixel avatar — and one that looks perfect large can look flat when it’s small.