Darken Image
Darken a photo by a set amount — a simple brightness reduction, entirely in your browser.
Input
Processed entirely in your browser — the image is never uploaded to a server.
Output
Your edited image will appear here.
More ways to use this tool
Embed widget
<iframe
src="https://iotools.cloud/embed/imagekit/darken-image/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Darken Image — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Drop this into your own page — free, no key required, just a link back.
Also available with
Guides
Sometimes a photo just needs to be a little (or a lot) darker — to tone down an overexposed shot, add mood to a background image, or improve text legibility when you're overlaying a caption. The Darken Image tool reduces brightness by a single adjustable amount, with no other side effects on color or contrast.
How it works
Upload an image, then adjust one slider:
- Darken Amount (%) — how much brightness to remove, from a subtle 1% dim to a heavily darkened 100%.
The result renders instantly as you move the slider. You can download the result as an SVG file, or copy its source markup directly.
Tips
- Small amounts (10–30%) are enough to add mood to a background photo without losing detail in shadows.
- Higher amounts (60%+) push toward near-black and work well for dramatic overlays or text-legibility backdrops.
- The downloaded SVG stays crisp at any size since it's a vector wrapper around your original image — resizing it doesn't lose quality the way a rasterized export would.