- Home
- Change the Opacity of an Image
Change the Opacity of an Image
Make any image translucent by lowering its opacity. Useful for watermarks, faded backgrounds, and overlays that text can sit on top of.
Free preview · No signup · ~10 seconds
Drop your images here
PNG, JPG, WebP or SVG — up to 20 MB
Drop several at once — you can edit them all together in the app.
Runs entirely in your browser. Your image is never uploaded.
What changing opacity actually does
Opacity is the alpha channel
Every pixel in a PNG carries a fourth value alongside red, green and blue: alpha, from 0 for invisible to 255 for solid. Lowering opacity scales that value across the whole image, so the result is genuinely see-through rather than blended with a background colour.
Why it must be a PNG
JPG has no alpha channel at all. Saving a translucent image as JPG discards the transparency and fills it with white, which is why this tool outputs PNG and why a faded JPG never looks faded once you place it.
Existing transparency is respected
The reduction is proportional, not absolute. A pixel already at half transparency drops to a quarter at 50 percent, while fully transparent areas stay fully transparent. A cut-out logo fades evenly instead of gaining a faint rectangle around it.
The watermark range
For a watermark that reads without competing, 15 to 30 percent usually works on busy photographs and 8 to 15 percent on flat or light backgrounds. Much above that and the mark dominates the image it is meant to protect.
Opacity versus a lighter colour
Lowering opacity lets whatever sits behind show through, so the same file looks different on every background. Lightening the colour instead bakes the result in. Use opacity when the image will be composited, and a lighter colour when it will not.
How to change the opacity of an image
Upload your image
Drop in a PNG, JPG, WebP, or SVG, or click to browse. The original stays on the left.
Set the opacity
Drag the Opacity slider down. The result redraws live against a checkerboard so you can see exactly how much is showing through.
Download
Take a free preview, or download the full-resolution PNG with one credit. Transparency is preserved.
Where a translucent image helps
Watermarks
Fade a logo enough to mark ownership without ruining the photograph underneath.
Background images
Knock a photo back so headings and body copy stay readable on top of it.
Overlays and ghosting
Build faded layers for before-and-after comparisons and design mock-ups.
Slide backgrounds
Drop a brand image to a whisper behind slide content instead of deleting it.
Or just ask
Describe the edit in your own words
Type what you want changed and the assistant does it on the canvas — each step lands as a layer you can reopen, so nothing it does is baked in.
No edits yet.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Fix Blurry or Fringed Edges on a Transparent PNG
Why your transparent PNG has a white halo, a grey fringe or soft edges — the four real causes, how to tell them apart in seconds, and the fix for each.
SVG vs PNG for Logos: Which File Do You Actually Need?
What SVG and PNG really are, where each one wins, why your developer keeps asking for the SVG, and the three files that cover almost every request.
How to Make a Duotone Image in Figma (Building One From Blend Modes)
Figma has no duotone effect. You assemble one from a desaturated image and two blended rectangles — here is the layer stack, the order that matters, and an honest account of what it costs to maintain.
Change your image opacity
Upload, drag the slider, and download a translucent PNG.