Vignette Effect
Draw the viewer's eye to the centre of a picture by gently darkening its edges, as old lenses did naturally, or fade the borders to white for a soft, airy look. Strength, the size of the untouched centre, softness of the transition, colour and shape are all adjustable with a live preview.
Add a Vignette to Your Photo
Preview (before and after)
Your download
How to Use the Vignette Effect
- Add your photo.
- Set the Strength, Clear centre and Softness sliders.
- Pick a colour (black for a classic vignette) and the shape.
- Press Add vignette and download.
About This Tool
Photographers finishing portraits and landscapes, people creating vintage or dreamy styles, and designers preparing hero images that need text-friendly edges.
Input: JPG / PNG / WebP / GIF / BMP ยท Output: PNG / JPG / WebP.
Features and Limitations
Features
- Adjustable strength, clear-centre size and transition softness.
- Any vignette colour, including white for a light vignette.
- Oval shape that follows the picture, or a true circle.
- Smooth, band-free transition calculated per pixel.
Limitations
- The vignette is always centred on the picture.
- A strong vignette on JPEG output can show slight banding in smooth skies; PNG avoids this.
- Processing happens on your device, so very large files depend on your browser's available memory.
Example
With strength 60% and a black colour, the corners of the picture become 60% darker while the middle 40% of the frame is unchanged.
Frequently Asked Questions
Why add a vignette at all?
Darker edges reduce distractions near the borders and lead the eye to the subject in the middle. It is one of the most common finishing touches in photo editing.
What does a white vignette do?
It fades the edges to white, which suits wedding, baby and product photos with a soft, bright style.
Should I choose oval or circle?
Oval follows the shape of the picture and suits most photos. Circle gives a stronger, spotlight-like effect on wide pictures.
Is my picture uploaded?
No. Everything is calculated in your browser.
Related Tools
More like this: all Image Editing tools, all Image & Design tools or the TinySandy home page.