Categories

← View All Tools

Add Vignette Effect

Add vignette effect to images with customizable style, intensity, and color

Click to upload file or drag and drop file here

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

Upload any image file to add vignette effect to

Choose the vignette style

Size of the vignette effect (0.1-1.5)

Intensity of the darkening effect (0.0 to 1.0)

Softness of the vignette edges (0.0 to 1.0)

Color of the vignette effect

Opacity of the vignette effect (0.0 to 1.0)

Choose output format or keep original

Output quality for lossy formats (WebP, JPEG)

Key Facts

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

Overview

Enhance your photos with a professional vignette effect by darkening the corners and drawing focus toward the center of your image. This tool allows you to customize the style, intensity, and color of the vignette to achieve the perfect look for your photography or design projects.

When to Use

  • •To draw the viewer's attention to the subject in the center of a photo.
  • •To create a classic, moody, or dramatic atmosphere in your images.
  • •To hide distracting elements or imperfections located near the edges of a frame.

How It Works

  • •Upload your image file in formats like JPEG, PNG, or WebP.
  • •Select a preset style or manually adjust the size, intensity, and feathering of the effect.
  • •Choose a custom color and opacity to blend the vignette seamlessly with your image.
  • •Download your processed image in your preferred output format and quality.

Use Cases

Portrait photography enhancement to emphasize the subject's face.
Creating artistic, vintage-style edits for social media content.
Adding depth and focus to landscape or architectural photography.

Examples

1. Portrait Focus Enhancement

Portrait Photographer
Background
A photographer has a portrait where the background is slightly too bright, distracting from the subject.
Problem
The subject needs to stand out more against the background.
How to Use
Upload the portrait, select the 'Classic' style, and set the intensity to 0.6 to gently darken the edges.
Outcome
The subject is now the clear focal point of the image with a professional, subtle darkening around the frame.

2. Dramatic Landscape Edit

Content Creator
Background
A landscape shot looks flat and lacks the moody atmosphere desired for a blog post.
Problem
The image needs a more intense, cinematic look.
How to Use
Upload the landscape image, choose the 'Dramatic' style, and increase the intensity to 0.9 with a low feather setting.
Outcome
The image gains a high-contrast, cinematic feel that draws the eye toward the center of the landscape.

Try with Samples

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

Related Hubs

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

FAQ

What image formats are supported?

You can upload JPEG, PNG, WebP, GIF, BMP, and TIFF files.

Can I change the color of the vignette?

Yes, you can select any color using the color picker to customize the vignette effect beyond the standard black.

What does the 'Feather' setting do?

The feather setting controls the softness of the vignette edges, allowing for a smooth transition between the darkened area and the center.

Will this tool reduce my image quality?

You can control the output quality for lossy formats like JPEG and WebP to ensure the final image meets your requirements.

Is there a file size limit?

Yes, the maximum file size for uploads is 20 MB.

API Documentation

Request Endpoint

POST /en/api/tools/image-add-vignette

Request Parameters

Parameter Name Type Required Description
imageFile file (Upload required) Yes Upload any image file to add vignette effect to
style select No Choose the vignette style
size number No Size of the vignette effect (0.1-1.5)
intensity number No Intensity of the darkening effect (0.0 to 1.0)
feather number No Softness of the vignette edges (0.0 to 1.0)
color color No Color of the vignette effect
opacity number No Opacity of the vignette effect (0.0 to 1.0)
outputFormat select No Choose output format or keep original
quality number No Output quality for lossy formats (WebP, JPEG)

File type parameters need to be uploaded first via POST /upload/image-add-vignette 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-add-vignette": {
      "name": "image-add-vignette",
      "description": "Add vignette effect to images with customizable style, intensity, and color",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-add-vignette",
      "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]