PNG Image Masking

Cut out images using another PNG shape.
Batch processing supported.

Mask (Shape) Image

Drop 1 image

Transparent PNG or black-and-white image

Mask Preview
Base (Source) Image

Drop multiple images

Select JPEG or PNG

Cover
Fit Width
Fit Height
Contain
Auto Detect
Alpha Mask
Black & White
Silhouette (100%)

Results

Features and How to Use the PNG Image Masking Tool

"PNG Image Masking" is a free web tool that cuts out base images (such as photos) into the shape of another mask image. In addition to alpha masking using transparent PNGs, it also supports mask generation from black-and-white images based on brightness. Everything runs in your browser without needing Photoshop or other image editing software, and you can batch-process multiple images with ZIP download.

About Mask Modes (Shape Detection Methods)

This tool offers two main approaches for masking. (The default is "Auto Detect".)

Mode How It Works / Use Case
Alpha Mask Transparent areas of the PNG mask remain transparent, while opaque areas are filled with the base image. Semi-transparent gradients in the mask are preserved in the output.
Black & White Works even with JPEG images that have no transparency data, as long as the image is monochrome. White areas are kept visible, and black areas become transparent.
Silhouette (100%) Ignores colors and semi-transparency entirely, extracting only the shape at 100% opacity. For white-background images, non-white areas are treated as the shape. For transparent-background images, any pixel with color is kept at full opacity. Ideal when faint patterns remain in other modes.
Auto Detect If the uploaded mask image contains transparent pixels, Alpha Mask mode is used. If the image is fully opaque, Black & White mode is automatically applied.

Choosing the Right Fit Mode

Strengths and Use Cases

  1. E-commerce and thumbnail creation: When you need to cut photos into specific shapes (circles, rounded rectangles, stars, custom frames, etc.), this tool does it instantly in the browser without dedicated software.
  2. Batch processing: Process dozens or even hundreds of images locally in seconds. Download all results at once as a ZIP file, dramatically reducing your workflow time.
  3. Privacy-first design: All processing runs entirely client-side using Canvas and JSZip. No images are ever uploaded to a server. Designed with privacy in mind.

Notes

All output files are in PNG format (to preserve transparency). Processing a very large number of images at once (roughly 50 or more) may cause the browser to run out of memory. In that case, process them in smaller batches.

Related Tools to Use with Image Masking

Compress, resize, or convert image formats before or after masking to make your e-commerce and banner production workflow even more efficient.

Image Compression Tool
Batch-compress masked images. Perfect for final optimization before publishing. Image Resize Tool
Resize by width or height. Standardize source image sizes before masking. Image to WebP Converter
Batch-convert JPEG/PNG to WebP. Optimize masked images for the web. PNG to JPEG Converter
Convert transparent PNGs to JPEG. Use when you need a background color. Image Diff Checker
Compare two images pixel by pixel. Verify results before and after processing. Image Aspect Ratio Checker
Instantly calculate aspect ratios. Handy for checking mask image proportions.