🖼️
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
▾
Der RechnerPage 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 →
So funktioniert esPage 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 & DetailsPage 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.

Über dieses Tool

Was ist dieses Tool?

Verschwommenen Fotohintergrund für einen professionellen Porträteffekt. Erhalten Sie DSLR-ähnliches Bokeh ohne Photoshop. Passen Sie die Unschärfe-Stärke und den Fokusbereich an. Kostenlos, kein Upload.

Center focusEdge vignetteAdjustable blurFull-res export

Was ist der Bildhintergrund-Weichzeichner?

Der Bildhintergrund-Weichzeichner erzeugt den flachen Schärfentiefe-Look eines DSLR-Portraitobjektivs ohne jeglichen Subjektausschnitt. Sie laden ein Foto hoch, und das Tool behält einen zentralen elliptischen Bereich scharf, während alles um ihn herum unscharf wird, gesteuert durch zwei Schieberegler: Unschärfe-Stärke von 2 bis 50 Pixeln (Standard 20) und Fokusbereich von 10 % bis 90 % des Rahmens (Standard 40 %). Zwei Rendering-Modi ändern den Charakter des Effekts: Center Focus schneidet ein scharfes elliptisches Subjektfenster über die Unschärfe, während Edge Vignette die Unschärfe durch einen viel breiteren, weicheren Verlauf einblendet. Ein Vorher/Nachher-Vergleichsschieberegler zeigt den Effekt live an, und der Export ist ein vollauflösendes PNG.

Wer sollte dieses Tool verwenden?

Portraitfotografen ohne ein schnelles Objektiv verwenden es, um Bokeh auf Kopfaufnahmen mit Kit-Zoomobjektiven zu fälschen. Profilfotoperfektionisten erhalten LinkedIn-, Dating-App- und Teamseitenbilder, bei denen der Hintergrund nicht mehr mit dem Gesicht konkurriert. Verkäufer auf Etsy, eBay und Shopify machten ablenkende Küchentische oder Lagerregale hinter dem Artikel unscharf. Immobilien- und Innenaufnahmen profitieren, wenn Unordnung an den Rändern des Rahmens verschwindet. Da die Maske elliptisch und zentriert ist, funktioniert sie am besten, wenn das Subjekt nahe der Mitte des Rahmens sitzt; extreme exzentrische Kompositionen werden besser von einem KI-Hintergrundentferner bedient, der tatsächliche Subjektumrisse nachzeichnet, und anschließend eine Unschärfe auf diese Maske angewendet wird.

Wie funktioniert es?

(1) Ihr Foto wird über einen FileReader in ein Bildelement geladen, vollständig innerhalb des Tabs. (2) Der Renderer baut eine elliptische Alpha-Maske: sie wird im Viertelmaßstab berechnet, wobei der normalisierte Abstand jedes Pixels vom Zentrum die Deckkraft bestimmt, dann mit hochwertigem Glätten hochskaliert, sodass der Fokusrand ein weicher Verlauf anstelle einer harten Kante wird. (3) Das Compositing wendet sie in einer von zwei Reihenfolgen an: Center Focus malt das vollständig unscharfe Foto zuerst und stempelt das scharfe Original durch die zentrale Maske; Edge Vignette behält die scharfe Basis und legt Unschärfe über die äußere Maske mit breitem smoothstep-Abfall. Jede Änderung am Schieberegler rendert die Vorschau sofort bis zu 600 Pixel neu.

Verringert die Unschärfe die Exportauflösung?

Nein. Die Live-Vorschau ist auf 600 Pixel an der längsten Seite begrenzt, rein damit das Ziehen des Schiebereglers flüssig bleibt, aber der Download-Button für volle Auflösung rendert den gesamten Effekt auf eine Canvas in der ursprünglichen natürlichen Breite und Höhe Ihres Fotos, sodass ein 4000×3000-Upload als blurred-background.png mit 4000×3000 exportiert wird. Das Tool zeigt auch die Quellabmessungen über den Steuerelementen an, und der Vorher/Nachher-Vergleich behält diese Metadaten bei. Zwei praktische Hinweise: Die Gauß'sche Unschärfe wird von der Canvas-Filter-Engine des Browsers angewendet, sodass extreme Stärken über etwa 40 Pixeln dünne Details nahe dem Fokusrand visuell auswaschen können, und PNG-Ausgabe ist verlustfrei, was bedeutet, dass große Fotos große Dateien erzeugen.

Häufige Fragen

Center oder Randmodus - welcher sollte ich verwenden?

Center-Modus macht von der Mitte nach außen unscharf und ahmt den Portraitobjektiv-Look nach, bei dem Ihr Subjekt scharf bleibt und alles dahinter verschwindet - richtig für Menschen, Produkte, Essen. Randmodus macht nur den Randbereich unscharf, behält eine klare Bühne im Zentrum - richtig, wenn das Subjekt den Rahmen ausfüllt oder Sie Privatsphäre an den Rändern (Hausnummern, Passanten) ohne Berührung des Hauptinhalts wünschen. Wechseln Sie zwischen ihnen auf demselben Foto; der richtige ist normalerweise in zwei Klicks offensichtlich.

Ist das Verschwommenmachen eines Hintergrunds ausreichend, um sensible Details zu verbergen?

Für gelegentliches Teilen, ja. Für echten Datenschutzvorschutz seien Sie vorsichtiger: starke Unschärfe zerstört kleinen Text (Kfz-Kennzeichen, Straßennummern) unumkehrbar, aber starke Skalierungstools können große Gesichter oder Schilder aus milder Unschärfe teilweise wiederherstellen. Alles mit echtem Risiko - Dokumente auf einem Schreibtisch, ein Ausweis - verdient eine undurchsichtige Blockierung, keine Unschärfe. Unschärfe ist für Ästhetik und Bequemlichkeit; Schwärzung ist für Geheimhaltung.

Läuft die Unschärfe in meinem Browser oder auf einem Server?

Vollständig in Ihrem Browser - das Bild wird lokal auf Canvas verarbeitet und niemals hochgeladen, sodass Fotos von Ihrem Zuhause, Kindern oder Arbeitsplatz auf Ihrem Computer bleiben. Dies ist die entscheidende Eigenschaft für ein Unschärfe-Tool speziell, da die Fotos, die Menschen unscharf machen wollen, genau diejenigen sind, die Adresse, Schule oder Identitätskontext enthalten. Kein Konto, kein Upload, keine serverseitige Kopie in irgendeinem Schritt.

Warum sieht das verschwommene Foto insgesamt niedriger aufgelöst aus?

Unschärfe tauscht Detail gegen Glätte ein - Schärfe ist Detail, und Unschärfe entfernt es. Zwei Dinge halten das Ergebnis sauber: Export in voller Auflösung, sodass die Unschärfe auf jedes Pixel angewendet wird, das Sie haben, und verwenden Sie die minimale Unschärfe-Stärke, die die Trennung erreicht, die Sie wünschen. Über-Unschärfe ist der übliche Fehler - ein moderater Radius liest sich als 'schöne Schärfentiefe', während ein starker als 'bearbeitetes Foto' gelesen wird, und bei gleicher Dateigröße sieht die moderate Version immer schärfer aus.

Wie vergleicht sich browserbasierte Hintergrundunschärfe mit Photoshop?

Photoshops Lens Blur kostet 22,99 $/Monat und erfordert manuelle Subjektauswahl. Dieses Tool wendet Gauß'sche Unschärfe (anpassbarer Radius 1-20 px) auf Ihren gewählten Hintergrundbereich in unter 2 Sekunden an, erzeugt einen DSLR-ähnlichen Bokeh-Schärfentiefe-Effekt. Für Social-Media-Porträts, Produktfotos und Videokonferenzhintergründe ist das Ergebnis für Webnutzung visuell vergleichbar.

Kann ich die Unschärfe-Intensität und den Bereich steuern?

Ja. Passen Sie Unschärfe-Radius von subtil (2 px, leichte Weichzeichnung) bis stark (20 px, vollständige Hintergrundvernichtung) an. Wählen Sie den Subjektbereich, der scharf bleiben soll, und das Tool wendet progressive Unschärfe auf den Rest an. Die Ausgabe ist vollauflösendes PNG ohne Kompressionsartefakte, geeignet für Instagram, LinkedIn oder Druck bei 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.

Verwandte Tools

Teilen:𝕏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.