Blur image backgrounds with center focus or edge vignette — 100% in your browser
Upload an image to see the preview
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.
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.
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.
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.
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.
Desenfoca el fondo de tus fotos para un efecto de retrato profesional. Consigue bokeh tipo DSLR sin Photoshop. Ajusta la intensidad del desenfoque y el área de enfoque. Gratis, sin subidas.
El desenfoque de fondo de imagen recrea el aspecto de poca profundidad de campo de un objetivo de retrato DSLR sin ningún recorte del sujeto. Subes una foto y la herramienta mantiene una región elíptica central completamente nítida mientras desenfoca todo alrededor, guiado por dos deslizadores: Blur Strength de 2 a 50 píxeles (20 por defecto) y Focus Area del 10 % al 90 % del encuadre (40 % por defecto). Dos modos de renderizado cambian el carácter del efecto: Center Focus recorta una ventana elíptica nítida del sujeto sobre el desenfoque, mientras que Edge Vignette introduce el desenfoque con un degradado mucho más ancho y suave. Un deslizador de comparación antes/después previsualiza el efecto en vivo, y la exportación es un PNG a resolución completa.
Los fotógrafos de retrato sin un objetivo rápido la usan para falsificar bokeh en retratos tomados con zooms del kit. Los perfeccionistas de fotos de perfil consiguen imágenes para LinkedIn, apps de citas y páginas de equipo donde el fondo deja de competir con la cara. Los vendedores de producto en Etsy, eBay y Shopify desenfocan mesas de cocina o estanterías de almacén que distraen detrás del artículo. Las fotos de interiores y inmuebles se benefician cuando el desorden en los bordes del encuadre se derrite. Y como la máscara es elíptica y está centrada, funciona mejor cuando el sujeto está cerca del centro; las composiciones muy descentradas se sirven mejor con un removedor de fondos con IA que trace el contorno real del sujeto, y luego aplicar el desenfoque a esa máscara.
(1) Tu foto se carga con un FileReader en un elemento de imagen, enteramente dentro de la pestaña. (2) El renderizador construye una máscara alfa elíptica: se calcula a un cuarto de escala, donde la distancia normalizada de cada píxel al centro decide la opacidad, y luego se amplía con suavizado de alta calidad para que el borde de foco sea un degradado con plumaje en lugar de un borde duro. (3) La composición la aplica en uno de dos órdenes: Center Focus pinta primero la foto completamente desenfocada y estampa la original nítida a través de la máscara central; Edge Vignette mantiene la base nítida y superpone el desenfoque con la máscara exterior usando una caída smoothstep ancha y suave. Cada cambio de deslizador vuelve a renderizar la vista previa al instante, hasta 600 píxeles.
No. La vista previa en vivo está limitada a 600 píxeles en su lado más largo solo para que arrastrar los deslizadores vaya fluido, pero el botón Download Full-Res vuelve a renderizar todo el efecto sobre un lienza del tamaño del ancho y alto natural originales de tu foto, así que una subida de 4000×3000 se exporta como un blurred-background.png de 4000×3000. La herramienta también muestra las dimensiones de origen sobre los controles, y la comparación antes/después mantiene esos metadatos adjuntos. Dos notas prácticas: el desenfoque gaussiano lo aplica el motor de filtros Canvas del navegador, así que intensidades extremas por encima de unos 40 píxeles pueden lavar visualmente los detalles finos cerca del borde de foco; y la salida PNG es sin pérdidas, lo que significa que las fotos grandes producen archivos grandes.
El modo centro desenfoca hacia fuera desde el centro, imitando el aspecto del objetivo de retrato donde tu sujeto queda nítido y todo lo de detrás se retira: ideal para personas, productos y comida. El modo bordes desenfoca solo la región del borde, manteniendo un escenario central claro: ideal cuando el sujeto llena el encuadre o cuando quieres privacidad en los márgenes (números de casa, transeúntes) sin tocar el contenido principal. Cambia entre ellos sobre la misma foto; el correcto suele ser obvio en dos clics.
Para compartir sin importancia, sí. Para protección real de privacidad, hay que ser más cuidadoso: un desenfoque fuerte destruye el texto pequeño (matrículas, números de calle) más allá de cualquier recuperación, pero las herramientas de ampliación pueden recuperar parcialmente rostros grandes o letreros a partir de un desenfoque suave. Todo lo que realmente suponga un riesgo, documentos sobre un escritorio o una tarjeta de trabajo, merece un bloque opaco y no un desenfoque. El desenfoque es para estética y comodidad; la tachadura es para secreto.
Enteramente en tu navegador: la imagen se procesa localmente en canvas y nunca se sube, así que las fotos de tu casa, tus hijos o tu lugar de trabajo se quedan en tu máquina. Esta es la propiedad decisiva para una herramienta de desenfoque específicamente, ya que las fotos que la gente quiere difuminar son precisamente las que llevan contexto de dirección, colegio o identidad. Sin cuenta, sin subida, sin copia del lado del servidor en ningún paso.
No tiene menor resolución: lo que cambia es el contenido fino. El desenfoque gaussiano mezcla los píxeles vecinos, y en intensidades altas los detalles pequeños se mezclan entre sí y se perciben como grano. Exporta a resolución completa con el botón de descarga y verás que las dimensiones del archivo coinciden con las de tu original.
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.
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.
What do you call a really smart cookie?
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 tier100% of proceeds go towards hosting & building more free tools.