Image Vignette Generator

Oval scales distance by image width and height separately, so the vignette ellipse always matches the image's aspect ratio — this is what most photo editors do by default. Circle uses the longer of width / height for both axes, so the vignette is a true circle and the corners go darker on wide or tall images. Rect uses the maximum of the horizontal and vertical normalized distance (a Chebyshev metric), producing a rectangular falloff that hugs the frame edges instead of an ellipse — good for cinematic letterbox-style edge darkening.

We use the smoothstep function — t = clamp((d − r_inner) / (r_outer − r_inner), 0, 1), then t = t² · (3 − 2t). This gives an S-curve transition between the clear inner region and the fully-affected outer region, which avoids the harsh band you get with a linear ramp and the muddy look you get with a pure squared falloff. Amount scales the maximum strength, softness widens the transition zone, radius shifts where the transition starts.

No. The image is read into the browser's canvas and processed locally by JavaScript on your device. Nothing is sent to a server. Drop a private photo here without worry — it lives only in your tab until you close it.

Not perfectly, but you can approximate it by running this tool in lighten mode with the same shape and radius as the original — it brightens the corners back up. Because JPEG compression and the original gradient curve are both unknown, expect some residual color shift. For an exact reverse you'd need to know the photographer's original radius / amount.