画像を暗くする
写真を指定量だけ暗くします — シンプルな明るさの低下、すべてブラウザ内で処理されます。
入力
Drop an image or browse
One file · image
ブラウザ内で完全に処理されます — 画像はサーバーにアップロードされることはありません。
出力
結果
Your edited image will appear here.
SVGソース
役に立ちましたか？
このツールを使う他の方法
埋め込みウィジェット
<iframe
src="https://iotools.cloud/embed/imagekit/darken-image/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="画像を暗くする — 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>ご自身のページに貼り付けるだけ——無料、キー不要、リンクを掲載するだけです。
次の方法でも利用可能
ガイド
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.
imagedarkenbrightnessphoto effectfilter