Blur Photo Background

How to Use the Photo Background Blur Tool

You blur a photo background entirely in your browser. The file is never uploaded anywhere, so you can work with images you do not want to publish online.

1. Choose one photo from your device — any image file will work, such as JPG or PNG.
2. After the photo loads, a preview and a panel with sliders and format options will appear.
3. In the preview, drag the center of the sharp area to the spot that should remain sharp. By default, it sits slightly above the center of the frame.
4. Use the sliders to set the blur strength, the width and height of the sharp area, and the softness of its edges.
5. Choose the output file format: JPG or PNG.
6. Download the finished file named blurred-background.jpg or blurred-background.png.

The output photo has the same dimensions as the uploaded photo, so you can swap the image into a project without shifting other elements.

How to Choose Blur Strength, Sharp Area Width, and Height

Each of the three sliders controls a different effect, so it is best to adjust them one at a time and watch the preview.

• Blur strength (2 to 40, default 14) — tells you how strongly the background will be blurred. Lower values give a subtle haze; higher values blur everything outside the sharp area heavily.
• Area width (10 to 95, default 45) — determines what portion of the photo width the sharp area will cover. At 45, the sharp area covers 45 percent of the frame width.
• Area height (10 to 95, default 65) — works the same way, but vertically. At 65, the sharp area covers 65 percent of the photo height.

The sharp area is oval-shaped, so it is easier to cover a face, body, or single product. If the blur eats into a part that should stay sharp, increase the area width or height. If you want a more varied composition, start with the default values and change them gradually.

Edge Softness and Choosing JPG or PNG

Edge softness (0 to 60, default 25) determines how smoothly the sharp part of the photo transitions into the blurred background. At low values, the border is distinct and contrasty; at high values, it becomes gentle, which makes the overall result look more natural — for example, around hair or soft fabrics.

You choose the file format before downloading:

Whichever format you choose, the preview shows the effect in real time, so you can see how the finished photo will look before downloading.

Examples: Portrait, Product, Social Media Background

A blurred background is useful anywhere you want to draw attention to one element of a photo.

• Portrait. Set the sharp area on the face and shoulders, and leave the background blurred. Use higher edge softness so the transition around hair and clothing is not harsh. Remember that the mask is oval-shaped, so getting the center of the area right matters most here.
• Product. The sharp area covers the entire item, and the background is clearly blurred, which separates the product from its surroundings. For photos published in stores such as Amazon, Etsy, eBay, Shopify, or Vinted, JPG is usually more convenient. If you plan further editing, choose PNG.
• Social media background. A blurred background helps highlight a person or product in a frame with any aspect ratio, for example for TikTok. However, blurring does not change the photo dimensions, so set the crop and aspect ratio before uploading the file.

In all these uses, start with the default settings and adjust the area and blur strength to the specific photo.

Limitations and What the Tool Does Not Do

It helps to know where this tool's capabilities end so you do not waste time on settings it does not support.

• No artificial intelligence. The tool does not recognize faces, bodies, or products. You define the sharp area yourself by dragging its center and changing the sliders.
• No automatic hair cutout. The edge of the sharp area is a smoothed oval, so individual hairs, fur, or delicate elements at the border may be blurred along with the background. Always check the preview zoomed in.
• One file at a time. The tool loads one photo and prepares one output file.
• Supported formats. You can upload any image file your browser supports. You can save the result as JPG or PNG.
• No dimension changes. The finished photo has exactly the same dimensions as the original. The tool does not scale, crop, or change resolution.
• Quality depends on the source. The blur effect looks different on a high-resolution photo than on a small image, where stronger blur creates a larger, more uniform patch.
• Browser-based processing. Everything happens on your device, so processing time depends on the photo size and your hardware. Do not close the tab until you download the file.
• What the tool does not do. It does not add text, change the background to a solid color, cut out the object, or save a history of previous settings — each new photo starts with the default settings.

Frequently Asked Questions

The tool runs locally; any platform fees are not included in the code — check webp.pl's current pricing.