Skip to content
CrayonPix

Vignette Effect for Photos

Fade the edges of a picture to pull the eye toward the subject. Choose the strength, the size of the clear center and the edge color; your photos stay on your device.

Loading the tool…

Your images are processed on your device and never uploaded.

How to use Vignette Effect

  1. 1

    Choose or drop one or more photos (JPG, PNG, WebP, AVIF, HEIC, SVG).

  2. 2

    Set the strength, the clear center size and the edge color while watching the preview.

  3. 3

    Click Download to save the photo, or a ZIP if you added several files.

How the vignette effect works

The tool draws a soft radial gradient on top of your photo. Inside a circle around the center, nothing changes. From the edge of that circle to the corners of the image, the chosen edge color fades in smoothly until it reaches the strength you set. The result is a natural-looking vignette with no visible ring.

Setting Range What it does
Strength 0–100% (default 50%) Opacity of the edge color in the corners. 20–40% is subtle; 70% and more is dramatic.
Clear center size 10–90% (default 50%) Radius of the untouched center, as a share of the distance from the center to a corner.
Edge color any (default black) Black darkens, white lightens, any other color tints the edges.

Transparent areas stay transparent: the gradient is only painted where the image already has pixels.

When to use a vignette

  • Portraits: a subtle dark vignette (30–40%, center 50–60%) pulls attention to the face and hides a busy background.
  • Product photos: a gentle fade toward the corners keeps the eye on the item.
  • Vintage and film looks: combine a stronger dark vignette with the warm tone of Sepia Filter or with Black and White Photo.
  • Soft, airy images: a white edge color gives the faded-edge look of old portrait studios and greeting cards.
  • Colored frames: a dark blue or brown edge color tints the corners to match a mood or a brand.

If you want the background out of focus rather than darker, use Blur Image instead; for a stronger frame, apply a vignette on top of the blurred result.

Tips for a natural result

Overdone vignettes are easy to spot. Keep the strength moderate, make the clear center large enough to contain the whole subject, and compare with the original by moving the strength slider back to 0. On very wide panoramas the corners get most of the effect, because the fade is circular and reaches full strength only in the corners. If your subject is off-center, crop the photo first so that it sits closer to the middle.

Formats and batch processing

You can open JPG, PNG, WebP, AVIF, GIF (first frame), BMP and SVG files, plus iPhone HEIC photos. Download saves each image with “-vignette” added to its name, in a ZIP when you process several.

You open You download
JPG JPG (quality 92%)
PNG PNG, transparency kept
WebP WebP (PNG in Safari, which can’t save WebP)
HEIC, AVIF JPG
SVG, GIF, BMP PNG

Privacy

There is no upload step: your browser reads the file, paints the vignette on a canvas and saves the result locally. The site’s security policy only lets the page talk to its own server, and EXIF metadata such as GPS location is not copied into the output.

Frequently asked questions

What is a vignette in photography?

A vignette is a gradual darkening (or lightening) of the corners and edges of a photo compared with the center. Old lenses produced it naturally; today it is added on purpose to frame the subject and give a picture a softer, more focused feel.

How do I lighten the edges instead of darkening them?

Set the edge color to white or another light color. The edges then fade to that color, which gives a soft, dreamy look often used for portraits, weddings and baby photos.

What do the strength and center size sliders do?

Strength (0–100%) is how opaque the edge color is in the far corners. Clear center size (10–90%) is how much of the image, measured from the center outward, is left untouched before the fade starts. A small center gives a tight spotlight; a large one only touches the corners.

Is the vignette round or oval?

It is a circular fade centered on the image that reaches full strength in the corners. On a wide or tall photo, the long edges are therefore affected less than the corners.

Can I add a vignette to several photos at once?

Yes. Select or drop several files; the same settings are applied to all of them and Download saves a single ZIP file.

Are my photos uploaded?

No. The vignette is drawn by your browser on a canvas, on your own device. Nothing is sent to a server, and the page keeps working offline once loaded.