Home › Image Tools › Image Opacity Changer
Image Opacity Changer
Make a whole image semi-transparent: drag the opacity slider, see the result over a checkerboard, white, dark or photo backdrop, and download a PNG with real transparency. Add a fade to make the picture melt away toward one side, and process many images at once.
Last updated:
Preview on:
%
- Alpha
- CSS
- Hex
Advertisement
Advertisement
How to use the Image Opacity Changer
- Add your images by dropping them in, choosing files or pasting. A sample is shown first.
- Set the opacity with the slider, the number box or the 25/50/75% buttons. 100% is fully visible, 0% is invisible.
- Optionally add a fade so the image becomes more transparent toward one side or the edges, and set the starting opacity.
- Check the preview against different backdrops to see how it will look on a page or slide.
- Download the PNG, or all images as a ZIP.
Opacity, alpha and hex values
Opacity says how much of a pixel is visible. In a PNG it is stored as an alpha value from 0 (invisible) to 255 (solid). The tool multiplies every pixel's existing alpha by the opacity you choose: new alpha = old alpha × opacity ÷ 100, rounded to a whole number. The same value appears in CSS as a number from 0 to 1 and in 8-digit hex colors as the last two digits.
| Opacity | Alpha (0-255) | CSS opacity | Hex suffix | Typical use |
|---|---|---|---|---|
| 100% | 255 | 1 | FF | Normal, fully visible image |
| 90% | 230 | 0.9 | E6 | Subtle softening over a colored page |
| 75% | 191 | 0.75 | BF | Image behind a headline or caption |
| 50% | 128 | 0.5 | 80 | Ghosted images, before/after overlays |
| 25% | 64 | 0.25 | 40 | Background textures and slide backdrops |
| 15% | 38 | 0.15 | 26 | Watermarks and logo stamps |
| 0% | 0 | 0 | 00 | Completely invisible |
Tips
- Watermarks usually look best between 15% and 30% opacity: visible enough to identify the owner, faint enough not to spoil the picture.
- For slides and documents, a background photo at 20-40% keeps text on top readable. The Fade option lets one side stay clear for text.
- Check the result on the real background. A semi-transparent image looks darker on a dark page and lighter on a white one; use the preview backdrops to compare.
- Websites can also apply opacity with CSS instead of a new file. Copy CSS gives you the matching
opacityormask-imagerule. - Keep the PNG. Opening the file in an editor that flattens images, or converting it to JPG, removes the transparency again.
Frequently asked questions
How do I make an image semi-transparent?
Add the image, move the opacity slider to the level you want, for example 50%, and click Download PNG. Every pixel's alpha value is multiplied by that percentage, so the picture becomes see-through wherever you place it.
Why do I have to save as PNG and not JPG?
JPG has no alpha channel and cannot store transparency, so a semi-transparent image saved as JPG would just look washed out on a white background. PNG and WEBP keep the transparency, so the image blends with whatever is behind it.
What does 50% opacity mean in numbers?
Opacity is stored as an alpha value from 0 to 255. 50% gives alpha 128 (rounded from 127.5), which is CSS opacity 0.5 and the hex suffix 80 in an 8-digit color such as #ffffff80. The tool shows these values for the current setting.
What happens to areas that were already transparent?
They stay transparent. The new opacity is multiplied with the existing alpha, so a logo with a transparent background keeps it, and a pixel that was 50% transparent becomes 25% visible at 50% opacity.
How does the fade option work?
Fade creates a smooth gradient of opacity across the image: it starts at the start opacity on one side and ends at the main opacity on the other side, or at the edges for the Edges option. It is handy for blending a photo into a background or a slide.
Is this the same as making a background transparent?
No. This tool changes the opacity of the entire image evenly. To remove a white or solid background and keep the subject fully visible, use the Make Image Transparent or Background Remover tool.
Are all the tools on FreeToolCabin tested for quality and accuracy?
Yes! Every tool on our site undergoes automated Q/A testing in real browser environments to ensure high precision, correct output, and zero errors. If you happen to spot a bug or have a suggestion, please contact us at [email protected] and our team will review it right away.
Related tools
Make Image TransparentRemove a white or solid-color background and save a transparent PNG, right in your browser.Add Watermark to PhotoAdd a text or logo watermark to one or many photos at once.Add Background to Transparent PNGFill the transparent areas of a PNG with a color, gradient or photo, plus padding and shadow.Background RemoverRemove image backgrounds automatically with AI.Photo EnhancerOne-click auto enhance: fix exposure, contrast, color cast and sharpness, one photo or a batch.Remove Object from PhotoBrush over unwanted objects, people or text and fill the area with matching background.Photo to CartoonTurn photos into cartoons with smooth colors and bold outlines. Free, private, no upload.Blur Image & Face Pixelate ToolBlur or pixelate faces, plates and backgrounds in a photo.Pixelate Image & Pixel Art ConverterTurn any picture into pixel art with retro palettes and dithering.Add Text to ImageAdd styled text layers with outline and shadow to any photo, then downloadRound Corners ImageGive any picture rounded, circle or squircle corners and save a transparent PNG.Grayscale Image ConverterTurn color photos into black and white with luma, luminance or average methods and sepia.Photo FiltersApply 27 one-click photo filters like Vintage, Noir and Teal & Orange with an intensity slider.Photo EditorEdit photos online: brightness, contrast, saturation, crop, rotate, flip and filters with undo.Image SharpenerSharpen soft or slightly blurry photos with a real unsharp mask and before/after view.Invert Image ColorsTurn any picture into a color negative, with R/G/B channel toggles and an intensity slider.Screenshot BeautifierPut screenshots on gradient backgrounds with padding, rounded corners, shadow and a browser frame.Image Metadata ViewerSee a photo's EXIF data: camera, lens, exposure, date and GPS location, then strip it in one click.EXIF RemoverRemove EXIF, GPS location and other metadata from JPG, PNG and WEBP photos.Online PaintDraw and paint in your browser: brushes, shapes, fill bucket, text, undo and PNG export.Photo to SketchTurn any photo into a pencil, charcoal or color sketch in your browser and download it.GIF Frame ExtractorSplit an animated GIF into PNG frames with delays, a sprite sheet and ZIP download.Photo Frame MakerPut photos in polaroid, film strip, gallery, rounded or shadow frames with a caption.Duotone GeneratorTurn any photo into a bold two-color duotone image with presets, custom colors and intensity.Glitch Image EffectAdd RGB split, scanlines, slice shifts and noise to a photo for a digital glitch look.Add Date Stamp to PhotoStamp the EXIF or a custom date on photos in a retro orange camera font. Batch and ZIP download.Add Drop Shadow to ImageAdd a drop, long or reflection shadow to PNGs and photos and save a transparent PNG.Add Text to GIFPut captions on animated GIFs with outline, position and frame range, then download.Blend Two ImagesOverlay two photos with opacity, 16 blend modes, fades and free positioning, then download.Blur Photo BackgroundBlur the background of any photo for a portrait-mode look. AI subject detection, no upload.Brick Mosaic GeneratorTurn a photo into a toy-brick stud mosaic with a parts list and printable build guide PDF.Online Document ScannerTurn photos of paper into clean scans: auto edge detection, perspective fix, multi-page PDF.Add Film Grain to PhotoAdd realistic analog film grain, light leaks, fade and vignette to any photo, then download.GIF Speed ChangerSpeed up or slow down an animated GIF, or set each frame's delay, without losing quality.Halftone GeneratorTurn images into mono or CMYK halftone dots and lines; export PNG or SVG.Image Noise RemoverRemove grain and color noise from photos with median, bilateral or non-local means filters.Image Dithering ToolDither photos with Floyd-Steinberg, Atkinson or Bayer in 1-bit, Game Boy, CGA and retro palettes.Perspective CorrectionDrag 4 corners to straighten skewed photos of signs, screens and whiteboards, then download.SVG EditorEdit SVG files visually: move shapes, change colors, text and strokes, add shapes, edit the code.Symmetry Drawing ToolDraw mandalas and kaleidoscope art with radial and mirror symmetry, glow brushes and PNG export.Virtual Background MakerDesign 1920×1080 video call backgrounds with your name, title, logo, blur and branded templates.EXIF EditorEdit photo EXIF and IPTC: date taken, camera, GPS location, copyright and caption, in batch.Face Symmetry TestUpload a face photo to see left-left and right-right mirror composites and a symmetry score.Sports Tactics BoardDraw plays on basketball, soccer, football and hockey diagrams with players, arrows and animated frames.Add Outline to PNGAdd a stroke outline around transparent PNG cutouts: width, color, softness and double borders.Dehaze ImageRemove haze, fog and smog from photos with the dark channel prior. Free, private, in your browser.HDR Photo EffectGive any single photo an HDR look with local tone mapping, detail boost and a strength slider.Low Light Photo EnhancerBrighten dark and night photos with an adaptive tone curve plus noise reduction.Photo StackingStack photos online: star trails (lighten), noise reduction (mean) and remove passers-by (median).Photo Mosaic MakerBuild a big picture out of many small photos by color matching, then export a high-res PNG.Photo to Oil PaintingTurn a photo into an oil painting with brush size, detail, impasto and canvas texture.Red Eye RemoverClick on red eyes to fix them automatically: adjustable threshold, undo, download the photo.Tilt Shift EffectMake photos look like miniature models with an adjustable tilt-shift focus band and blur.Colorize Black and White PhotoAdd natural color to old black and white photos with AI that runs in your browser. No upload.Draw on ImageAnnotate photos and screenshots with arrows, boxes, text, highlighter and numbered steps.Photo to AnimeTurn selfies and landscapes into anime-style art with AI in your browser. Free, no upload.Face Shape DetectorUpload a selfie to find your face shape on-device, with hairstyle and glasses tips.Add Stickers to PhotoPut emoji and cute stickers on your photos; scale, rotate, flip and layer them, then save PNG.Color Splash EffectKeep one color, or a brushed area, in color and turn the rest of the photo black and white.Old Photo Face RestorerRestore blurry and damaged faces in old photos with AI (GFPGAN) in your browser. Free, no upload.Photo to WatercolorTurn a photo into a watercolor painting with soft washes, color bleed, wet edges and paper texture.Product Photo White BackgroundRemove the background and center products on pure white at 2000 x 2000 for marketplaces. Batch.Redact ImageBlack out or pixelate private info in screenshots; burned in, metadata stripped, PNG download.Rubber Stamp MakerDesign round or rectangular stamps with curved text, borders, stars and grunge ink; PNG or SVG.Signature Background RemoverTurn a signature photo or scan into a clean transparent PNG: threshold, ink color, auto-crop.Skin SmoothingSmooth skin in portraits with face-aware retouching that keeps eyes, lips and skin texture sharp.Straighten ImageFix a tilted photo: rotate by any angle with a grid, auto-crop the corners or level the horizon.AI Style TransferRepaint your photo in the style of any painting or pattern with AI, right in your browser.