All Tools VerseChanging an image’s opacity makes the whole picture more or less see-through, from fully solid to faintly visible, which is how you create watermarks, overlays, and soft backgrounds. Opacity is a single value from 0 to 100 percent applied across the image. This guide explains how opacity works, the difference from a transparent background, and a free tool to adjust it in your browser.
In this guide
What opacity means
Opacity is how solid an image is. At 100 percent it is fully visible, at 50 percent it is half see-through and lets the background show, and at 0 percent it disappears entirely. The setting applies uniformly, so the whole image fades together rather than one part of it. This differs from per-pixel transparency, which our transparent image guide covers.
Opacity versus transparency
The two are related but not the same. Transparency is built into an image, where specific pixels, such as the area around a logo, are see-through while the rest is solid. Opacity is a single value that fades the entire image at once. You use transparency to cut out a shape and opacity to dim a whole picture, and an image can have both.
Change image opacity
The change opacity tool lets you set a percentage and download the faded image, all in your browser. Lowering opacity requires a format that can store transparency, since the faded areas need to be partly see-through, which is why the output keeps an alpha channel. To shift the colors instead of the opacity, the change color tool is the matching option.
Why the format matters
A faded image only looks see-through if it is saved in a format that supports transparency, such as WebP or PNG. Save the same result as a JPEG, which has no transparency, and the faded areas turn into a solid color instead. So when you reduce opacity, keep the file in a format with an alpha channel, or the effect is lost.
Common uses
Reduced opacity is the basis of watermarks, where a faint logo sits over a photo without hiding it. It is also used for soft background images behind text, ghosted overlays in design mockups, and subtle layering of two pictures. Anywhere you want an image present but not dominant, lowering its opacity is the simplest way to get there.
Free tools used in this guide
Frequently asked questions
How do I change an image’s opacity?
Set a percentage from 0 to 100 and save the result. A change opacity tool fades the whole image and downloads it in your browser.
What is the difference between opacity and transparency?
Opacity fades the whole image by one value, while transparency makes specific pixels see-through, such as the area around a logo.
Why does my faded image have a solid background?
Because it was saved as a format without transparency, such as JPEG. Use WebP or PNG so the faded areas stay see-through.
What is reduced opacity used for?
Watermarks, soft background images behind text, ghosted overlays, and layering two pictures so one sits subtly behind the other.
Does the tool upload my image?
No. It adjusts the image in your browser, so nothing is sent anywhere.