🖼️
Photo & Image/Background Blur

Background Blur

Blur image backgrounds with center focus or edge vignette — 100% in your browser

100% LOCALCenter focusEdge vignetteAdjustable blurFull-res export
Saved Settings· Auto-save on
▾
La calculatricePage 1

Upload & Settings

📷
Click to upload a portrait photo
JPG, PNG — stays in your browser

Preview

Upload an image to see the preview

Data Source & Legal Disclaimer
Effective: Browser Canvas API — no expirationLast updated: 2026-06-01Update: Manual review
Sources: MDN — CanvasRenderingContext2D.filter

Background blur uses the Canvas API Gaussian blur filter. This is not AI-based background removal. Results depend on browser capabilities. All processing is local.

See all data sources & update policy →
Comment ça marchePage 2

Portrait masking and gaussian blur — illustrated

This tool emulates a shallow depth-of-field look without any lens. It builds a low-resolution elliptical alpha mask — an ImageData buffer where each pixel's alpha encodes how strongly the background should show through — then renders the photo with the CSS blur(radius) filter, which applies a fast box/ gaussian approximation over a kernel of the chosen radius (2–50 px). In Center Focus mode the sharp ellipse is composited back on top of the fully blurred frame; in Edge Vignette mode only the region outside the ellipse is blurred. The mask is computed at 25% resolution and upscaled with high-quality smoothing, so even a 6000 px image stays responsive while you drag the sliders.

Elliptical alpha mask decides what the blur(radius) filter touches
PORTRAIT MASK → GAUSSIAN BLURORIGINALfocus ellipseALPHA MASK + BLURα=1 inside · α=0 outsideRESULTsharp subject · soft bgctx.filter = 'blur(20px)'gaussian σ ≈ 20px kernelCenter Focus: sharp ellipse over blurred frameEdge Vignette: blur only outside the ellipse

A 20 px blur radius spreads each pixel into roughly a 20 px disc. The mask's smooth 0→1 transition — a linear ramp in Center Focus, a smoothstep in Edge Vignette — is what hides the seam between sharp subject and soft background.

Worked example

Liam photographs a colleague for a company headshot against a busy office background, and wants a clean portrait look without an expensive f/1.4 lens.

  1. Upload:He drops a 4000×3000 JPEG. The tool decodes it once, then renders a 25%-scale mask and a full-res preview capped at 600 px for the live slider.
  2. Mask:With Center Focus and a 40% focus ellipse, the alpha mask stays at 1 inside the subject ellipse and ramps to 0 across a narrow 0.3×radius band, keeping the face perfectly sharp.
  3. Blur:He sets Blur Strength to 20 px. The box-blur kernel mixes each background pixel with its neighbors in a ~20 px window, which flattens the desks and shelves behind into smooth color.
  4. Download:He clicks Download Full-Res. The same mask and 20 px blur are re-applied at the original 4000×3000 resolution, and the PNG saves ready for the corporate site.
FAQ et détailsPage 3

To blur a background: upload your image — the AI segments the subject and applies a blur effect to the background, all processed locally in your browser.

FreeToolHub Background Blur is a free browser-based tool that blurs image backgrounds using AI, no signup, no upload.

À propos de cet outil

Qu'est-ce que cet outil ?

Floutez les arrière-plans photo pour un effet portrait professionnel. Obtenez un bokeh de type DSLR sans Photoshop. Ajustez l'intensité du flou et la zone de focus. Gratuit, sans téléversement.

Center focusEdge vignetteAdjustable blurFull-res export

Qu'est-ce que le Flou de Fond d'Image ?

Image Background Blur recrée l'aspect de faible profondeur de champ d'un objectif portrait DSLR sans aucun découpage du sujet. Vous téléversez une photo, et l'outil conserve une région elliptique centrale parfaitement nette tout en floutant tout ce qui l'entoure, guidé par deux curseurs : Force du Flou de 2 à 50 pixels (20 par défaut) et Zone de Focus de 10 % à 90 % du cadre (40 % par défaut). Deux modes de rendu changent le caractère de l'effet : Focus Central découpe une fenêtre elliptique de sujet nette sur le flou, tandis que Vignette des Bords fait entrer le flou à travers un gradient beaucoup plus large et doux. Un curseur de comparaison avant/après prévisualise l'effet en direct, et l'exportation est un PNG en pleine résolution.

Qui Devrait Utiliser cet Outil ?

Les photographes portraitistes sans objectif rapide l'utilisent pour simuler un bokeh sur des portraits de tête pris avec des zooms de kit. Les perfectionnistes de photos de profil obtiennent des photos pour LinkedIn, les applications de rencontre et les pages d'équipe où l'arrière-plan ne concurrence plus le visage. Les vendeurs sur Etsy, eBay et Shopify floutent les tables de cuisine ou les étagères d'entrepôt distrayantes derrière l'article. Les prises de vue immobilières et d'intérieur bénéficient lorsque le désordre aux bords du cadre disparaît. Comme le masque est elliptique et centré, il fonctionne mieux lorsque le sujet est près du milieu du cadre ; les compositions extrêmement décentrées sont mieux servies par un extracteur d'arrière-plan IA qui suit les contours réels du sujet, puis un flou appliqué à ce masque.

Comment ça fonctionne ?

(1) Votre photo se charge via un FileReader dans un élément image, entièrement dans l'onglet. (2) Le rendu construit un masque alpha elliptique : il est calculé à un quart d'échelle, où la distance normalisée de chaque pixel par rapport au centre décide de l'opacité, puis remis à l'échelle supérieure avec un lissage de haute qualité pour que la limite de focus devienne un gradient adouci plutôt qu'un bord dur. (3) Le compositage l'applique dans un des deux ordres : Focus Central peint d'abord la photo entièrement floue et tamponne l'original net à travers le masque central ; Vignette des Bords conserve la base nette et superpose le flou à travers le masque externe en utilisant une décroissance large smoothstep. Chaque changement de curseur ré-rend la prévisualisation instantanément jusqu'à 600 pixels.

Le Flou Réduit-il la Résolution de l'Exportation ?

Non. La prévisualisation en direct est limitée à 600 pixels sur son côté le plus long uniquement pour garder le glissement des curseurs fluide, mais le bouton Download Full-Res ré-rend l'effet entier sur un canevas dimensionné selon la largeur et la hauteur naturelles originales de votre photo, donc un téléversement de 4000×3000 exporte comme un blurred-background.png de 4000×3000. L'outil affiche également les dimensions source au-dessus des contrôles, et la comparaison avant/après conserve ces métadonnées attachées. Deux notes pratiques : le flou gaussien est appliqué par le moteur de filtre Canvas du navigateur, donc des forces extrêmes au-dessus d'environ 40 pixels peuvent estomper visuellement les détails fins près du bord de focus, et la sortie PNG est sans perte, signifiant que de grandes photos produisent de gros fichiers.

Questions fréquentes

Mode central ou bords - lequel devrais-je utiliser ?

Le mode central floute vers l'extérieur à partir du milieu, imitant l'aspect objectif portrait où votre sujet reste net et tout ce qui est derrière disparaît - adapté pour les personnes, les produits, la nourriture. Le mode bords floute uniquement la région des bords, gardant une scène centrale claire - adapté lorsque le sujet remplit le cadre ou lorsque vous voulez de la confidentialité aux marges (numéros de maison, passants) sans toucher au contenu principal. Basculez entre eux sur la même photo ; le bon choix est généralement évident en deux clics.

Le flou d'arrière-plan est-il suffisant pour masquer des détails sensibles ?

Pour un partage occasionnel, oui. Pour une protection de la vie privée réelle, soyez plus prudent : un flou fort détruit le petit texte (plaques d'immatriculation, numéros de rue) au-delà de toute récupération, mais des outils de mise à l'échelle puissants peuvent récupérer partiellement de grands visages ou des panneaux à partir d'un flou léger. Tout ce qui comporte un vrai risque - des documents sur un bureau, un badge de travail - mérite un bloc opaque, pas un flou. Le flou est pour l'esthétique et la commodité ; l'occlusion opaque est pour le secret.

Le flou s'exécute-t-il dans mon navigateur ou sur un serveur ?

Entièrement dans votre navigateur - l'image est traitée localement sur canvas et jamais téléversée, donc les photos de votre maison, de vos enfants ou de votre lieu de travail restent sur votre machine. C'est la propriété décisive pour un outil de flou spécifiquement, puisque les photos que les gens veulent flouter sont précisément celles qui contiennent un contexte d'adresse, d'école ou d'identité. Pas de compte, pas de téléversement, pas de copie côté serveur à aucune étape.

Pourquoi la photo floue semble-t-elle avoir une résolution globale plus faible ?

Le flou échange le détail contre la netteté par conception - la netteté est le détail, et le flou le supprime. Deux choses maintiennent le résultat propre : exportez en pleine résolution pour que le flou soit appliqué à chaque pixel que vous avez, et utilisez la force de flou minimale qui atteint la séparation que vous voulez. Le sur-flou est l'erreur habituelle - un rayon modeste se lit comme 'bonne profondeur de champ' tandis qu'un fort se lit comme 'photo retouchée', et à taille de fichier égale la version modérée a toujours l'air plus nette.

Le flou d'arrière-plan basé sur le navigateur se compare-t-il à Photoshop ?

Le Lens Blur de Photoshop coûte 22,99 $/mois et nécessite une sélection manuelle du sujet. Cet outil applique un flou gaussien (rayon ajustable 1-20 px) à la zone d'arrière-plan choisie en moins de 2 secondes, produisant une profondeur de champ bokeh de style DSLR. Pour les portraits sur les réseaux sociaux, les photos de produits et les arrière-plans d'appel vidéo, le résultat est visiblement comparable pour un usage web.

Puis-je contrôler l'intensité et la zone du flou ?

Oui. Ajustez le rayon du flou du subtil (2 px, adoucissement léger) au fort (20 px, destruction complète de l'arrière-plan). Sélectionnez la zone du sujet à garder nette, et l'outil applique un flou progressif au reste. La sortie est un PNG en pleine résolution sans artéfacts de compression, adapté pour Instagram, LinkedIn ou l'impression à 300 DPI.

How does browser-based background blur compare to Photoshop?

Photoshop's Lens Blur costs $22.99/month and requires manual subject selection. This tool applies Gaussian blur (adjustable radius 1-20px) to your chosen background area in under 2 seconds, producing DSLR-style bokeh depth-of-field. For social media portraits, product shots, and video call backgrounds, the result is visually comparable for web use.

Can I control the blur intensity and area?

Yes. Adjust blur radius from subtle (2px, slight softening) to heavy (20px, complete background obliteration). Select the subject area to keep sharp, and the tool applies progressive blur to the remainder. Output is full-resolution PNG with no compression artifacts, suitable for Instagram, LinkedIn, or print at 300 DPI.

Outils connexes

Partager :𝕏inf⬆
Joke of the Day
Oct 22

What do you call a really smart cookie?

Free core, no account

Keep the Free Edition Free

No signups, no data sold. Every tool is free to use — the free tier allows 5 downloads or saves per day, and the optional Pro plan ($7/mo, $59/yr) adds unlimited downloads, batch processing, white-label exports and an ad-free experience.

☕Support me on Ko-fi— support the free tier

100% of proceeds go towards hosting & building more free tools.