Categories

← View All Tools

Blur Background Image Extender

Extend image canvas with blurred background, perfect for portraits, product photos, and professional presentations

Click to upload file or drag and drop file here

Maximum file size: 20MB Supported formats: image/jpeg, image/png, image/webp, image/tiff, image/gif, image/bmp

Upload any image file (JPEG, PNG, WebP, TIFF, GIF, BMP)

Extension to add on all sides

Extension to add to the top edge

Extension to add to the right edge

Extension to add to the bottom edge

Extension to add to the left edge

1 20 100

Strength of the background blur effect (1-100)

0 1 1

Opacity of background color overlay (0-1)

Optional color to blend with blurred background

Choose output format or keep original

Output quality for lossy formats (JPEG, WebP). Higher = better quality but larger file size

Key Facts

Category
Media
Input Types
file, number, range, color, select
Output Type
file
Sample Coverage
4
API Ready
Yes

Overview

The Blur Background Image Extender allows you to increase the canvas size of your photos while seamlessly filling the new space with a blurred, bokeh-style version of your original image. It is an ideal solution for adjusting aspect ratios, adding padding for social media layouts, or creating a professional depth-of-field effect for product photography.

When to Use

  • •Adjusting portrait or product photos to fit specific social media aspect ratios without cropping.
  • •Adding extra padding around an image to create a clean, professional presentation layout.
  • •Enhancing images by adding a soft, blurred background effect to draw focus to the main subject.

How It Works

  • •Upload your image file (JPEG, PNG, WebP, TIFF, GIF, or BMP).
  • •Define the extension size using either uniform padding or specific values for the top, bottom, left, and right edges.
  • •Adjust the blur strength and optional background overlay color to achieve your desired aesthetic.
  • •Select your preferred output format and quality settings, then process the image to download your extended file.

Use Cases

Preparing portrait photos for Instagram or LinkedIn by adding blurred side padding to fit a square or vertical frame.
Creating professional product catalog images by extending the canvas to provide more negative space around the item.
Standardizing a collection of images with different original dimensions into a uniform size for a presentation.

Examples

1. Social Media Portrait Adjustment

Content Creator
Background
A vertical portrait photo needs to be posted on a platform that requires a square aspect ratio.
Problem
Cropping the photo would cut off important details, but the image needs to fit a square frame.
How to Use
Upload the portrait, set the left and right padding to 250 pixels each, and increase the blur strength to 50.
Example Config
leftPadding: 250, rightPadding: 250, blurStrength: 50
Outcome
The portrait is centered with a soft, blurred background extending to the sides, creating a perfect square image without losing any of the original subject.

2. Product Photo Padding

E-commerce Manager
Background
Product photos have varying dimensions, making the website gallery look inconsistent.
Problem
The product images are too close to the edge of the frame, making them look cramped.
How to Use
Upload the product image, apply a uniform padding of 100 pixels, and set the output format to PNG.
Example Config
uniformPadding: 100, format: 'png'
Outcome
The product is now framed with consistent padding on all sides, providing a clean and professional look for the online store.

Try with Samples

image, png, jpg
Windows Image Processing C++ Samples
Windows C++ image processing examples including reading/saving images, resizing, and format conversion using Windows Imaging Component (WIC)
title token image
image
Web Image Processing Rust Samples
Web Rust image processing examples including image read/save, scaling, and format conversion
title token image
image
macOS Image Processing Objective-C Samples
macOS Objective-C image processing examples including image reading/saving, image scaling, and format conversion
title token image
image
Web Image Processing Python Samples
Web Python image processing examples using PIL/Pillow including reading, saving, resizing, and format conversion
title token image
image

Related Hubs

Image Tools
Explore 40 image tools for utility workflows and compare closely related utilities quickly.
Image Convert Tools
Explore 100 image tools for convert workflows and compare closely related utilities quickly.

FAQ

What image formats are supported?

The tool supports JPEG, PNG, WebP, TIFF, GIF, and BMP formats.

Can I add padding to only one side of the image?

Yes, you can use the individual top, bottom, left, and right padding fields to add space to specific edges.

How does the blur effect work?

The tool takes the edges of your original image, extends them into the new canvas area, and applies a Gaussian-style blur to create a smooth, bokeh-like background.

Is there a limit to how much I can extend the image?

You can add up to 500 pixels of padding to each side of the image.

Can I change the color of the blurred background?

Yes, you can use the Background Overlay Color option to blend a specific color with the blurred background and adjust its opacity.

API Documentation

Request Endpoint

POST /en/api/tools/image-extend-blur-background

Request Parameters

Parameter Name Type Required Description
imageFile file (Upload required) Yes Upload any image file (JPEG, PNG, WebP, TIFF, GIF, BMP)
uniformPadding number No Extension to add on all sides
topPadding number No Extension to add to the top edge
rightPadding number No Extension to add to the right edge
bottomPadding number No Extension to add to the bottom edge
leftPadding number No Extension to add to the left edge
blurStrength range No Strength of the background blur effect (1-100)
backgroundOpacity range No Opacity of background color overlay (0-1)
backgroundColor color No Optional color to blend with blurred background
format select No Choose output format or keep original
quality number No Output quality for lossy formats (JPEG, WebP). Higher = better quality but larger file size

File type parameters need to be uploaded first via POST /upload/image-extend-blur-background to get filePath, then pass filePath to the corresponding file field.

Response Format

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
File: File

AI MCP Documentation

Add this tool to your MCP server configuration: 

{
  "mcpServers": {
    "elysiatools-image-extend-blur-background": {
      "name": "image-extend-blur-background",
      "description": "Extend image canvas with blurred background, perfect for portraits, product photos, and professional presentations",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-extend-blur-background",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

You can chain multiple tools, e.g.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 tools.

Supports URL file links or Base64 encoding for file parameters.

If you encounter any issues, please contact us at [email protected]