How to Blur an Image: 6 Free and Paid Methods
Blurring an image serves three practical purposes: hiding sensitive information (license plates, faces, addresses), directing visual focus to a subject by softening the background, and creating aesthetic effects for design work. The technique is simple, but picking the right tool matters.
This guide covers six methods for blurring images — from professional desktop software to your phone's built-in editor to a single line of CSS. Each method includes exact steps so you can get the result you need in minutes.
Quick Comparison
| Method | Cost | Blur Types | Privacy | Best For |
|---|---|---|---|---|
| Photoshop 2025 | $22.99/mo | Gaussian, motion, radial, field, tilt-shift, selective | Local processing | Professional-grade selective blur |
| GIMP 2.10.38 | Free (GPL-2.0) | Gaussian, motion, pixelate, selective | Local processing | Full control without paying |
| Canva | Free tier available (proprietary) | Gaussian, background auto-blur | Uploads to Canva servers | Quick background blur, no install |
| iOS 18 / Android 15 | Free (built-in) | Portrait/depth blur | Local processing | Photos already on your phone |
CSS filter: blur() |
Free | Gaussian | Client-side | Developers blurring images in the browser |
| Online tools (Fotor, BeFunky) | Free tiers (proprietary) | Gaussian, selective, background | Uploads to their servers | One-off edits, no software needed |
Try it yourself
Reduce file size without visible quality loss — free, instant, no signup. Your images never leave your browser.
Types of Blur
Before picking a method, know what kind of blur you need:
- Gaussian blur — The standard. Smoothly averages pixels in all directions. Use it for general softening, privacy redaction, or background effects.
- Motion blur — Simulates camera movement along one axis. Creates a sense of speed or direction.
- Background (selective) blur — Keeps your subject sharp while softening everything behind it. Mimics the bokeh effect from wide-aperture lenses.
- Pixelation — Replaces areas with large colored blocks. The go-to for redacting text, faces, or sensitive data because it is irreversible — unlike Gaussian blur, which can sometimes be partially reversed with deconvolution.
Method 1: Adobe Photoshop 2025
License: Proprietary, $22.99/month (Photography plan)
Photoshop gives you the most control. Its Field Blur and Tilt-Shift tools let you place blur pins with different intensities across the image.
- Open your image in Photoshop 2025 (
File → Open). - Duplicate the background layer (
Ctrl+J/Cmd+J) so you can undo non-destructively. - For full-image blur: go to
Filter → Blur → Gaussian Blur. Set the radius — 5–10px for subtle softening, 20–40px for heavy blur. Click OK. - For selective blur: go to
Filter → Blur Gallery → Field Blur. Click on the area you want sharp and set blur to 0px. Click on the background area and set blur to 15–30px. Photoshop interpolates between pins. Hit OK. - For privacy redaction: select the sensitive area with the Marquee tool (
M), then applyFilter → Pixelate → Mosaicwith a cell size of 10–20px. - Export with
File → Export → Export Asand choose your format.
Tip: Use Filter → Blur → Lens Blur with a depth map for photorealistic bokeh that matches how real camera lenses defocus.
Method 2: GIMP 2.10.38
License: GPL-2.0 (free and open source)
GIMP handles every blur type Photoshop does. The interface is different, but the results are comparable for most tasks.
- Open your image in GIMP 2.10.38 (
File → Open). - For Gaussian blur: go to
Filters → Blur → Gaussian Blur. Set the horizontal and vertical radius (keep them equal for uniform blur). A radius of 10–25 works for most background effects. Click OK. - For selective blur: use the Free Select tool (
F) to select the area you want to blur. ApplyFilters → Blur → Gaussian Blurto the selection only. - For pixelation: select the area, then go to
Filters → Blur → Pixelize. Set the block width to 10–20px. - For motion blur: go to
Filters → Blur → Motion Blur. Choose Linear, set the angle and length. - Export with
File → Export Asand pick your format.
Tip: GIMP's Blur/Sharpen paint tool (Shift+U) lets you brush blur onto specific areas freehand — useful for irregular shapes like hair or foliage.
Method 3: Canva
License: Freemium, proprietary. Free tier includes basic blur. Pro is $12.99/month.
Canva works entirely in the browser. Its auto-background blur is particularly good for portrait photos.
- Go to canva.com and upload your image.
- Click the image, then click Edit Image in the toolbar.
- Select Blur from the effects panel. Adjust the intensity slider.
- For background blur: click Auto-Focus (available on the free tier for photos with clear subjects). Canva detects the subject and blurs the rest.
- Download in your preferred format.
Privacy note: Canva uploads your image to their servers for processing. Do not use it for images containing sensitive personal data, medical records, or confidential documents.
Method 4: iOS Photos and Android Google Photos
Both major mobile platforms include blur tools that work without installing anything.
iOS 18 (Photos app)
- Open a Portrait mode photo in Photos.
- Tap Edit, then tap the ƒ (depth) icon at the top.
- Adjust the Depth Control slider to increase or decrease background blur.
- Tap Done.
Limitation: this only works on photos taken in Portrait mode. For regular photos, use a third-party app like Snapseed (free, proprietary, by Google).
Android 15 (Google Photos)
- Open any photo in Google Photos.
- Tap Edit → Tools → Blur.
- Google Photos uses depth estimation to separate subject from background — even on non-portrait photos.
- Adjust the blur intensity slider and tap Done.
Method 5: CSS Blur Filter (For Developers)
If you are displaying images on a website and want to blur them client-side, CSS does this in one line with zero server processing:
.blurred {
filter: blur(8px);
}
The blur() function accepts a pixel radius. Higher values mean stronger blur.
Common use cases:
/* Blur a background image behind text */
.hero-background {
filter: blur(12px);
transform: scale(1.1); /* Prevents transparent edges */
}
/* Blur on hover for a reveal effect */
.spoiler-image {
filter: blur(20px);
transition: filter 0.3s ease;
}
.spoiler-image:hover {
filter: blur(0);
}
/* Blur with backdrop-filter for glassmorphism */
.glass-card {
backdrop-filter: blur(10px);
background: rgba(255, 255, 255, 0.15);
}
backdrop-filter: blur() is supported in all modern browsers.
Performance note: CSS blur is GPU-accelerated in modern browsers. For a large number of blurred elements, use will-change: filter to hint the browser to promote the element to its own compositing layer.
Method 6: Free Online Tools
These browser-based tools require no installation or account. The trade-off: your image gets uploaded to their servers.
Fotor (fotor.com)
- Go to Fotor's photo editor and upload your image.
- Select Adjust → Blur for full-image blur, or use Focus for selective background blur.
- The free tier adds a Fotor watermark to downloads. Removing it requires Fotor Pro ($8.99/month, proprietary).
BeFunky (befunky.com)
- Open the BeFunky Photo Editor and upload your image.
- Go to Edit → Blur for full-image blur or Blur Edge for vignette-style blur.
- The free tier provides basic Gaussian blur without watermarks. Advanced blur effects require BeFunky Plus ($9.99/month, proprietary).
Privacy reminder: Both Fotor and BeFunky process images on their servers. If privacy matters — and it should if you are blurring faces or personal data — use a local tool like GIMP or Photoshop instead.
After Blurring: Optimize Your Image with Pixotter
Blurring often increases file size. Gaussian blur adds smooth gradients that compress less efficiently in formats like PNG, and exporting from editors sometimes strips optimization. Before you publish or share your blurred image:
- Compress it — Pixotter's client-side compressor reduces file size without visible quality loss. Your image never leaves the browser.
- Resize it — If the blurred image is headed for a blog post, social media, or email, resize to the exact dimensions you need. A 4000px wide image displayed at 800px wastes bandwidth.
- Convert the format — A blurred JPEG background might compress better as WebP. Pixotter handles format conversion alongside compression in a single step.
The key advantage: Pixotter processes everything locally in your browser using WebAssembly. Your blurred image — which might contain the sensitive content you were trying to protect — never gets uploaded to a server.
If you have applied a watermark to your image or need to do the opposite of blur and sharpen a soft image, Pixotter handles those related workflows too.
FAQ
Can you reverse a blur on an image?
Partially, depending on the type. Gaussian blur with a low radius can sometimes be partially reversed using deconvolution algorithms (Photoshop's Filter → Sharpen → Smart Sharpen attempts this). Pixelation with a large block size is effectively irreversible. For redacting sensitive information, always use pixelation — not Gaussian blur.
What is the best blur radius for hiding sensitive information?
For Gaussian blur, use at least 30px radius on the sensitive area. For pixelation (the safer option), use a mosaic cell size of 15–20px. Always zoom in to verify the information is unreadable after applying the effect.
Does blurring an image increase file size?
It depends on the format. For JPEG, blurring usually decreases file size because smooth gradients compress efficiently with DCT. For PNG, blurring can increase file size because PNG is optimized for sharp edges and flat colors. In both cases, running the blurred image through a compressor like Pixotter ensures optimal file size.
How do I blur just the background of a photo?
Use Photoshop 2025's Field Blur (Filter → Blur Gallery → Field Blur), Google Photos' built-in blur tool (works on any photo with depth estimation), or Canva's Auto-Focus feature. In GIMP 2.10.38, manually select the background with the Free Select tool, then apply Gaussian Blur to the selection.
Can I blur images in bulk?
Photoshop 2025 supports batch processing via Actions (Window → Actions — record the blur steps, then run via File → Automate → Batch). GIMP supports batch processing through Script-Fu or Python-Fu plugins. For CSS-based blur on a website, applying a class to multiple <img> elements is instant.
Is CSS blur good enough for privacy redaction?
No. CSS filter: blur() is a visual effect only — the original unblurred image is still delivered to the browser. Anyone can inspect the page source or disable CSS to see the original. For privacy redaction, blur the image at the file level using Photoshop, GIMP, or another image editor, then serve the permanently modified file.
What is the difference between Gaussian blur and lens blur?
Gaussian blur applies a uniform mathematical smoothing. Lens blur simulates optical defocus from a camera lens, producing circular or hexagonal bokeh highlights that look more natural in photographs. Use Gaussian for general softening and redaction. Use lens blur when you want the result to look like a photo taken with a wide-aperture lens.
Try it yourself
Resize to exact dimensions for any platform — free, instant, no signup. Your images never leave your browser.