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.
Describe the edit — the AI assistant does it on the canvas.
2 free credits · No signup · ~10 seconds
Drop an image here
PNG, JPG, WebP or SVG — up to 30 MB
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.
Used by designers, indie devs & students at
What people use it for
The jobs the editor was built around — and what it does differently on each one.
Colourways you can revisit
Every edit is a layer, not a bake. When the brand shifts, reopen the file and change the colour rather than rebuilding the variant from the original.
Cutouts with awkward edges
AI background removal that keeps hair, foliage and soft shadows instead of stamping a hard outline around them. The output is a transparent PNG, ready to place.
No export, edit, re-import loop
The Framer plugin runs on the canvas you are already working in, so a recolour or a cutout does not mean a round trip through a second application.
Ten options in the time one used to take
Recolour once and step through the alternatives, so a client review can look at the whole range instead of the one version there was time to make.
Brand colours matched exactly
Pick a colour straight off an existing asset and get the hex, rather than eyeballing it against a screenshot and hoping it is close enough.
Free to preview, priced per export
Previewing is unlimited and costs nothing. A credit is spent only when you download a full-resolution file, so exploring an idea is never the expensive part.
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 Get Your Website Ready for Google WebMCP
A step-by-step guide to exposing WebMCP tools on your site — the imperative and declarative APIs, how to test them, and the real security downsides.
Change your image opacity
Upload, drag the slider, and download a translucent PNG.